内容摘自: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的背景色为红色。