jQuery 1.4:15个你应该知道的新特性
2010-01-25 00:00:00 来源:WEB开发网"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() {
// 具体代码
}
})
更多精彩
赞助商链接