Visual jQuery 杂志发布

发布于 2006 年 9 月 22 日作者 Yehuda Katz

第一期封面全新 Visual jQuery 杂志的第一期已经发布。它可以在 PDF 格式下载.

Visual jQuery 杂志的目的是为初学者和高级开发者提供有关 jQuery 的信息，采访 jQuery 社区的有趣成员，以及有关如何通过插件和其他技巧最大限度地利用该框架的详细信息。

第一期包括

关于该杂志的社论评论
赢得哲学：为什么 jQuery 的方法有效
背后的男人：对 John Resig 的采访
jQuery 教程：jQuery 对象简介
用于丰富应用程序开发的插件。
认识 Dave Cardwell，jqBrowser 和 jqMaxMin 的开发者
一个很酷的后页广告（相信我，你会想看一看）

第二期将提供更多相同的 jQuery 精彩内容

认识 Klaus Hartl，jQuery 选项卡的开发者，他曾在 Plazes 工作
jQuery 教程：jQuery 的 AJAX 功能简介
插件，对视觉效果很有用
读者来信

所以快跑，不要走，今天就下载杂志吧！

更新：请digg 该杂志或将其添加到您的其他社交书签网站，如 delicious。

赞助的 jQuery 开发

发布于 2006 年 9 月 7 日作者 John Resig

今天的好消息是：Paul Bakaus 从他的雇主 New Identity AG 获得了赞助，以回馈 jQuery 项目。他获得了部分赞助时间来开发 jQuery 相关代码。所有这些都将直接回馈到社区。

除此之外，New Identity AG 正在将他们的主要 JavaScript 库切换到 jQuery。他们为许多知名客户进行开发。

Paul 将从一些“正在进行”的任务开始，即：一个 Prototype 支持插件，跨浏览器实用程序方法，以及 Interface 的改进功能和错误修复。

这清楚地表明了几件事：jQuery 的德国用户群正在不断增长，开发速度将更快，Interface 正在成为整个“jQuery 包”不可分割的一部分。预计很快就会看到管道中的一些重要更新。

使用 jQuery 进行图像增强

发布于 2006 年 9 月 3 日作者 Bradley Sepos

如果您是 jQuery 的新手，您可能不知道它拥有非常可扩展的插件架构。这并不是说它很复杂；它不是！

jQuery 的一个流行功能是内置的效果库。使用 jQuery 的插件架构，许多聪明人将内置效果更进一步，创建了一些非常令人愉快的模块来增强图像。

三个值得一试

jCarousel
http://sorgalla.com/pages/jcarousel.html

Jan Sorgalla 的 jCarousel 在水平或垂直组件中显示图像缩略图。配置非常简单，插件页面上提供了足够的文档。jCarousel 可以连接到 Flickr，加载静态图像，或通过 AJAX 动态加载。

Interface
http://interface.eyecon.ro/ [主页面]
http://interface.eyecon.ro/demos/slideshow.html [幻灯片演示]

Stefan Petre 的 Interface Elements 具有一个用于显示单个图像的幻灯片组件。在带编号的图像之间淡入/淡出，并带有下一个和上一个链接。总体上非常实用，外观锐利，非常专业的感受。

Thickbox 2.0
https://jqueryjs.cn/demo/thickbox/

Cody Lindley 最近将 Thickbox 更新到了 2.0 版，所以如果您还没有，可以再看看。

浏览完整列表，查找更多适合您项目的增强功能。

将 jQuery 文档提升到新的水平

发布于 2006 年 9 月 2 日作者 Yehuda Katz

jQuery 1.0 巩固了很多框架，但也引入了一些巧妙的结构性变化。

首先，框架现在通过 make 文件构建，因此任何人都可以从 Subversion 获取 jQuery，并编译压缩或未压缩的 jquery.js 以供其网站使用。

其次，jQuery 现在包含内置测试，make 文件可以构建测试套件，然后用户可以在其喜欢的浏览器中运行该测试套件，以确保最新签入的版本符合要求。到目前为止，还没有写很多测试用例，但这种情况应该会随着时间的推移而改变（主要是因为添加它们非常容易）。

然而，对我来说最重要的是包含内联文档。从 jQuery 1.0 版开始，框架的文档包含在源代码文件中，jQuery 的维护者 John Resig 编写了一个解析器，该解析器将在 make 文件中输出文档的 XML 版本（一个简单的make docs将构建文档）。

Visual jQuery

在 1.0 版本发布之前，我将旧的 Visual jQuery 网站从基于 Rails 的解决方案（需要手动输入函数）转换为一个网站，该网站在函数提交到主干时动态加载文档。

对于不太懂技术的人来说，这意味着 Visual jQuery 现在将在 jQuery 更新后几乎立即更新。许多人发现可视化文档很方便易用，新版本力求继续保持这种易用性。

感谢 John，他的解析器输出的文件非常适合像 Visual jQuery 这样的网站。他确实将良好的文档作为优先事项。从我的角度来看，将 jQuery 与竞争对手区分开来的主要部分之一是它强调提供可读、良好的文档。我很高兴地说 jQuery 在这里做出了正确的选择。在接下来的几天内，John 将完成所有 jQuery 函数的文档（还有一些要完成），可视化文档将完全代表 jQuery API.

Visual jQuery 杂志

有了这些，我有一些公告。

Visual jQuery 将在一两周内获得一项主要的新功能。具体来说，用户将能够通过一个实时搜索框按名称和描述筛选函数。该功能将使查找特定函数变得更容易。
Visual jQuery 将推出一个每月在线杂志。它将以 PDF 格式发布，并免费提供。第一期将包括对 John Resig 的采访，我们一系列关于最新最棒的 jQuery 插件的文章中的第一篇，以及对 jQuery 对象（整个 jQuery 框架的核心）的视觉化解读。该杂志将在每个月的第三个星期三发布，因此第一期杂志，即 2006 年 9 月刊，将于 9 月 20 日发布。

与往常一样，请访问 VisualjQuery.com，获取最新的 Visual jQuery 文档和有关该杂志的进一步公告。

jQuery 访谈

发布于 2006 年 9 月 1 日作者 John Resig

人们真的开始关注“jQuery 现象”了！我最近接受了一些关于 jQuery 的采访和演讲。以下是最多的采访：一篇杂志采访，两篇在线文章和一个播客。请享用！

eWeek：jQuery 简化 JavaScript 和 AJAX 开发

随着越来越多的开发者采用 AJAX 风格的开发实践来创建更具交互性的应用程序，他们正在寻找使工作更轻松的工具。

jQuery 就是这样一个工具，一些用户说它通过简化 JavaScript 使用，使 AJAX（异步 JavaScript 和 XML）开发更加简洁。JavaScript notoriouly 难以使用，微软 8 月初在华盛顿州雷德蒙德举行的 Lang.Net 大会上的一组专家表示。

Drupal 播客：jQuery 作者 John Resig

我们刚刚发布了 Drupal 播客的第 21 集！它是对 JQuery 作者 John Resig 的采访。我们谈论了 JQuery 是什么，它是如何工作的，以及它将如何融入 Drupal。

.net 杂志：jQuery 的 John Resig

jQuery 的大多数“重大”更新都将与社区相关。我现在正与一些国际 jQuery 用户合作，他们将把文档和网站的博客文章翻译成其他语言；最有可能的是德语、中文、西班牙语、意大利语和法语。

此外，由于 jQuery 拥有非常简单的插件架构，我还在努力改善整个开发者社区和组织 - 想象一下 jQuery 的 Sourceforge。

InfoWorld：JavaScript 和 .Net 开发人员在独立项目中得到帮助

在 JavaScript 领域，开源 jQuery 项目为开发者提供了一个 JavaScript 库，用于提高 Web 应用程序的质量。jQuery 的主要开发者 John Resig 也是一位作家，他表示 jQuery 使编写 JavaScript 和 AJAX（异步 JavaScript 和 XML）变得更加容易。

“与其他 JavaScript 库的不同之处在于，它不会强加于你，”Resig 说。开发者应该能够编写比以前更短的代码，同时获得相同或更好的功能，他说。

jQuery 1.0.1

发布于 2006 年 8 月 31 日作者 John Resig

第一个 1.0 后版本现在已经发布了——而且（正如你可能预期的那样）它是一个错误修复版本。在过去几天里，我一直在努力修复一些最紧迫的 1.0 错误，我认为它已经可以发布了。因此，话不多说——这是 jQuery 1.0.1

我强烈建议你升级到这个版本，因为它只会让你的开发更容易（我预计接下来的几个版本将是功能性较少的）。以下是此版本中修复的内容

还有几个不太紧迫的错误修复正在排队等待，很快就会有一系列不错的增强功能（特别是针对 AJAX 函数，感谢 Will Jessup）。下一步将是完成 API 文档的收尾工作，并将 proj.jquery.com 迁移到 jquery.com。

和往常一样，如果你发现任何错误，请随时将它们发布到错误跟踪器（这有助于我跟踪所有内容，并保持其井然有序）。

更新：我已经在这个更新中应用了两个热修复，这两个修复都解决了这个错误更新中的重大问题。这就是我在凌晨发布这个更新时所得到的。请确保你从这个页面获取最新的源代码。

jQuery 1.0

发布于 2006 年 8 月 26 日作者 John Resig

我想借此机会宣布全新的 jQuery 1.0！这个版本投入了大量的精力。修复了许多错误，添加了大量新功能，以及对 jQuery 开发流程的全面改革。

实际上，这个版本非常庞大，需要几天时间才能发布（这包括一个新的 jQuery 网站版本）。因此，请耐心等待我们完成向完整版本的过渡。还需要解决一些问题（主要是最终确定新的文档），但这一切都在进行中，并将在一两天内完成。

目前，以下是一些帮助你入门的相关链接

如果你想构建自己的 jQuery 副本，你可以从 Subversion 中签出它，并从命令行构建它。你可以通过以下操作获取最新的 jQuery

svn co svn://jqueryjs.cn/home/jquery/src/jquery

还有更多内容即将推出。这周我会每天发布一篇帖子，详细介绍 jQuery 1.0 的某个方面，并附上一些演示如何使用所有新代码的屏幕截图。如果你发现任何错误，请将它们提交到错误跟踪器

我要感谢所有使这个版本成为可能的人。这是一项艰巨的工作，但旅程才刚刚开始。我迫不及待地想要深入研究我们计划中的一些非常激动人心的进步。编码愉快！

更新：这里有一个有趣的事实。jQuery 1.0 的发布距离它被首次设想作为我博客中的一个帖子已经快一年了。有趣的是，事情就是这样发生的。

更新：非常酷的 Visual jQuery 网站也发布了其新文档的预览版，该文档以其鲜明的风格呈现。他们的更新文档的最终版本将在接下来的几天内发布。

为什么 jQuery 的理念更好

发布于 2006 年 8 月 20 日作者 Yehuda Katz

这博客上已经有很多关于 jQuery 和 Prototype 代码大小差异的帖子。这些帖子的基本前提（我同意）是，由于 jQuery 代码的结构方式，与 Prototype 相比，框架中所有典型的 Javascript 设计模式都变得更短更简单。

长期以来，我一直是一个自认的 Prototype 爱好者。当我开始做 Rails 工作时，我发现了这个框架，对于 Rails 开发者来说，几乎没有其他选择。Prototype，以其丑陋的姿态，被烘焙到 Rails 中，用手工编写 JavaScript 来放弃 Rails 提供的生产力提升是非常困难的。进一步说，这就是为什么我开始着手开发 jQuery on Rails，它旨在允许 Rails 开发者使用 jQuery 作为 Prototype 的直接替换。

但回到这篇文章的主题，jQuery 的编程理念与 Prototype 有着更根本的区别，不仅仅是代码大小。事实上，这种理念上的差异与 Java 和 Ruby 之间的理念差异非常相似，所以 Rails 社区如此完全地拥抱 Prototype 真是具有讽刺意味。

让我们看看一些代码比较。首先，在特定节点之后添加一些任意 HTML。

在 Prototype 中

new Insertion.After('myId', 'Arbitrary HTML');

在 jQuery 中

$('#myId').after('Arbitrary HTML');

现在，我们还没有做太多减少代码混乱的事情（尽管 jQuery 的更简洁），但 Prototype 和 jQuery 处理这个问题的方式存在着根本区别。

Prototype 创建了一系列单一的类，每个类都封装了一些功能。然后开发者传入一个 id 和一些其他参数，该类就会执行它应该做的事情。非常类似于 Java 封装功能的方式（例如 Math 类）。注意：这并不是说 Java 不能以这种方式做事。

jQuery 以一种根本不同的方式处理这个问题。它将一组 HTML 节点视为要向其传递消息的对象（更像是传统的 Ruby 方式）。所以，与其有一个单独的类来在 HTML 节点之后添加文本，jQuery 将功能粘贴到 jQuery 对象上，该对象由 $ 函数返回。相比之下，Prototype 的 $ 函数返回一个普通的 DOM 节点。

Prototype 试图通过在框架的最新 RC 版本中添加的 $$ 方法来实现类似的功能，但存在根本区别。虽然 Prototype 的 $$ 返回一个 DOM 元素数组，但 jQuery 的 $ 是整个框架的基础。几乎所有 jQuery 函数都绑定到 jQuery 对象，该对象由 $ 方法返回。
jQuery 方式的好处非常明显

可链式调用。由于 jQuery 对象在其上粘贴了功能，因此它们返回其他 jQuery 对象，开发者可以向这些对象传递额外的消息。jQuery 网站上的一个简单示例是$(“p.surprise”).addClass(“ohmy”).show(“slow”);
使用 CSS 选择器和 XPath 运算符。由于 jQuery 向对象传递消息，因此它可以（并且已经）在 $ 方法中实现额外的选择器功能。粘贴到 jQuery 对象上的方法只看到一个包含一系列 DOM 元素的类数组对象。它不在乎我们如何获得它们。因此，插件开发者可以很容易地向 $ 方法中添加额外的解析器，或将额外的函数粘贴到 jQuery 对象上。
这让我们说到了插件开发。jQuery 的方式非常适合插件开发。添加利用 jQuery 对象的功能非常容易，而且 jQuery 插件通常比它们对应的插件短得多。jQuery 插件
自动循环。jQuery 方法需要自动循环遍历数组中的所有 DOM 元素，并应用所需的方法。因此，$(expression).after(‘some HTML’) 会透明地在表达式返回的每个元素之后添加 HTML。例如，$(‘p’).after(‘some HTML’) 将在页面上的每个 <p> 之后添加 ‘some HTML’。就我个人而言，我认为在我的代码中（在大多数情况下）消除迭代是使用 jQuery 的最重要的实际好处之一。
建立在自身之上。随着 jQuery 的成熟，在现有架构之上构建插件变得更加容易。由于所有 jQuery 函数都会自动循环，因此使用现有的 jQuery 函数意味着恼人的迭代几乎消失了。

还有更多，但贯穿所有好处的主题是 John Resig 精心设计了 jQuery 对象/数组，使其接受传递的消息，而不是构建各种单一的的功能块，每个功能块都必须从头开始构建。

其他一些示例
Prototype 中的 AJAX 更新器

new Ajax.Updater('placeholder', url, { method: 'get', parameters: par });

jQuery 中的 AJAX 更新器

$('#placeholder').load(url + par);

注意：这个示例没有处理如果我们想将响应加载到每个 <p> 对象中的话，我们会得到的明显的迭代好处。

在 Prototype 中向元素添加一个类

Element.addClassName('element', 'className');

在 jQuery 中向元素添加一个类

$('#element').addClass('className');

在 Prototype 中向一组元素添加一个类

$$('.element').each(function(node) {
Element.addClassName(node, 'className');
}

在 jQuery 中向一组元素添加一个类

$('.element').addClass('className');

最后一个示例最清楚地说明了方法论上的差异。由于 jQuery 向 jQuery 对象传递消息，因此代码几乎没有变化。jQuery 不在乎我们现在是在向一组对象添加类还是向一个对象添加类；底层代码是相同的（将类添加到对象中的元素集）。另一方面，Prototype 需要一个迭代器。

随着你的代码变得越来越复杂，jQuery 能够轻松扩展，而嵌套循环在 Prototype 等框架中成为常态。

[更新] 一位敏锐的读者（Mislav）指出，Prototype 确实做了一些 jQuery 所做的事情。Prototype 似乎将 Element 类绑定到 DOM 元素，允许执行类似 $(‘myElement’).hide() 这样的操作。但是，它只适用于 Element 模块，并且似乎只对单个 DOM 元素有效。绑定 Elements 模块很酷，但它更像是一个事后诸葛亮，而不是 jQuery 将其作为一项基本设计决策的方式。