background image

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
 },