jQuery：为富web UI书写JavaScript的新方法

jQuery由John Resig创建于2006年初，其提供了如下主要特征以简化JavaScript开发：

• 利用jQuery 选择器（selectors）简化HTML DOM遍历，并将所选元素绑定到事件。
• 提供创建特殊视觉效果的API。
• 提供简化AJAX开发的API。

JQuery选择器

jQuery的基本前提是jQuery选择器，它被用来从HTML DOM中选择元素并操作这些元素。例如，只要页面的一个链接被点击，以下jQuery代码片断将显示一个警告（alert）消息：

$("a").click(function() { alert("You are leaving this page!");});  

$("a") 是一个jQuery选择器。本例中，它选择了所有 锚点（anchor） 元素。$ 自身是jQuery "class" 的一个别名，因此 $() 构造了一个新的jQuery对象。click()函数是jQuery对象的一个方法。 它将一个鼠标点击事件绑定到了所有所选择的元素上（本例中，所选元素是锚点元素）并在事件发生时执行一个已提供好的函数。

当然，如果你只想针对特定链接显示警告（alert），可以应用filter。

传统的JavaScript将通过下面的方式完成相同的功能： 




<a href="http://www.infoq.com" onclick="alert('You are leaving this page!')">infoQ</a>

使用jQuery，我们不需要为每个单独的元素都写一个onclick。我们获得一个结构（HTML）和行为（JavaScript）的清晰分离。

特效

这里有另一个关于jQuery特效特性的例子。如下代码片断查找所有含有class为"surprise"的段落，向其中增加class "shock"，接着缓慢地显示它们：

$("p.surprise").addClass("shock").show("slow");

Ajax开发

Ajax的一个常用用法是装载HTML块到页面的一个区域内。使用jQuery，你只需选择你要的元素并使用load()函数。这里是一个更新统计的例子：

$('#stats').load('stats.html');

最新版jQuery 1.1.3最近已经发布了，它遍历DOM的速度比1.1.2快了近8倍。其它主要增强包括一个重新书写的事件系统，其处理键盘事件更优雅，以及重新书写的特效系统。

查看英文原文：jQuery: A new way to write JavaScript for rich web UI