9月29日笔记Jquery

内容摘自：http://www.jquery123.com/category/traversing/

1- .end()方法的使用

demo:     

<ul class="first">

<li class="foo">list item 1</li>

<li>list item 2</li>

<li class="bar">list item 3</li>

</ul>

<ul class="second">

<li class="foo">list item 1</li>

<li>list item 2</li>

<li class="bar">list item 3</li>

</ul>

 

$('ul.first').find('.foo').css('background-color', 'red')

.end().find('.bar').css('background-color', 'green');

 

在上面的代码中，首先在链式用法中只在第一个列表中查找样式为 foo 的项目，并将其背景色变成红色。然后 end() 返回调用 find() 之前的状态。因此，第二次 find() 将只会查找 <ul class="first"> 中的 '.bar'，而不是继续在 <li class="foo">中进行查找，结果是将匹配到的元素的背景色变成绿色。上述代码的最终结果是，第一个列表中的第 1 和第 3 个列表项的背景色有颜色，而第二个列表中的任何项目都没有背景色。

 

2-  .eq() 减少匹配元素的集合为指定的索引的哪一个元素

 

demo:

       $('li').eq(2).css('background-color', 'red');//设置ul中第二个li的背景色为红色。