jQuery('<div/>')
.attr('id', 'foo')
.css({
fontWeight: 700,
color: 'green'
})
.click(function(){
alert('Foo has been clicked!');
});
详细了解
jQuery(…)
2. 直到遇见你...
1.4 的 DOM 遍历工具包里又增加了 3 个新方法:nextUntil, prevUntil 和 parentsUntil。
这些方法会按照特定的方向遍历
DOM,直到遇到满足指定选择符的元素为止。举例来说,
现在我们有一张水果名的清单:
<ul>
<li>Apple</li>
<li>Banana</li>
<li>Grape</li>
<li>Strawberry</li>
<li>Pear</li>
<li>Peach</li>
</ul>
我们想挑选出所有在
Apple 后,Pear 前的所有条目。代码十分简单:
jQuery('ul li:contains(Apple)').nextUntil(':contains(Pear)');
// 选出的是 Banana, Grape, Strawberry
详细了解:
prevUntil, nextUntil, parentsUntil
3. 绑定多个事件处理器
不再需要把各个事件绑定方法
“链”在一起,现在你可以把它们捆成一堆,如下:
jQuery('#foo).bind({
click: function() {
// do something
},
mouseover: function() {
// do something
},