jQuery 1.4 15个你应该知道的新特性(译)

首先现在你可以从这里下载最新的1.4的版本了: http://code.jquery.com/jquery-1.4.js

1.4之前的版本中jQuery就通过”attr”方法支持了添加属性到元素集合中，”attr”方法不仅可以传递属性名和值，也可以传递包含有多个属性的对象集合。在1.4中，除了可以创建新的对象，现在它更能将属性对象作为参数传递给jQuery函数或对象自身。如你可以创建一个含有多个属性的链接元素，通过1.4代码如下：

 jQuery(‘<a/>’, { 
   id: ‘gid’, 
   href: ‘http://www.google.com’, 
   title: ‘google非和谐版’, 
   rel: ‘external’, 
   text: ‘进入Google!’ 
 }); 

你可能会注意到”text”属性并且猜测它是干吗的，因为a标签是没有”text”属性的。呵呵，当你传递某些属性时，jquery 1.4同样会检查并使用它自己的方法。因此上面的”text”属性可以让jQuery调用它的”.text()”方法并将”进入Google!“作为它的唯一参数。

这里给出一个更好的例子：

 jQuery(‘<div/>’, { 
   id: ‘foo’, 
   css: { 
     fontWeight: 700, 
     color: ‘green’ 
   }, 
   click: function(){ 
     alert(‘Foo被点击过!’); 
   } 
 }); 

“id”属性是作为一个普通属性被添加的。但”css”和”click”属性则对应特定的jQuery方法。上面的代码在1.4之前一种写法如下：

 jQuery(‘<div/>’) 
   .attr(‘id’, ‘foo’) 
   .css({ 
     fontWeight: 700, 
     color: ‘green’ 
   }) 
   .click(function(){ 
     alert(‘Foo被点击过!’); 
   }); 

更多关于jQuery特性

1.4新增了三个对DOM操作的方法，他们分别是”nextUntil“,  “prevUntil”  和  “parentsUntil“。 这些方法会按照某个顺序去遍历DOM对象直到满足指定的筛选条件。假设我们有一个水果列表：

<ul>
  <li>苹果</li>
  <li>香蕉</li>
  <li>葡萄</li>
  <li>草莓</li>
  <li>例子</li>
  <li>桃子</li>
</ul>

如果你想选择所有在”Apple”和”Strawberry”之间的元素。代码可以这样写：

 jQuery(‘ul li:contains(苹果)’).nextUntil(‘:contains(梨子)’); 
 // 得到 香蕉，葡萄，草莓

更多关于: prevUntil, nextUntil, parentsUntil

与通过jquery链绑定多个方法到一起相比，现在你可以通过一次调用来绑定所有这些事件，如：