WEB开发网
开发学院网页设计JavaScript jQuery 1.4:15个你应该知道的新特性 阅读

jQuery 1.4:15个你应该知道的新特性

 2010-01-25 00:00:00 来源:WEB开发网   
核心提示: "id”属性是作为一个普通属性被添加的,但"css”和"click”属性则对应特定的jQuery方法,jQuery 1.4:15个你应该知道的新特性(2),上面的代码在1.4之前一种写法如下: jQuery('<di

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

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

2. 所有的东西都可以"until“了

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(梨子)'); 
 // 得到 香蕉,葡萄,草莓

3. 绑定多个事件

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

jQuery('#foo).bind({ 
   click: function() { 
     // 具体代码 
   }, 
   mouseover: function() { 
     // 具体代码
   }, 
   mouseout: function() { 
     // 具体代码 
   } 
 }) 

上一页  1 2 3 4 5 6 7  下一页

Tags:jQuery 应该 知道

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接