JQUERY使选定DOM元素还原end

1.简述

end() 方法结束当前链条中的最近的筛选操作，并将匹配元素集还原为之前的状态。

就是end会使得元素对象向前进展一步

2.例子1

选择所有段落，找到这些段落中的 span 元素，然后将它们恢复为段落，并把段落设置为两像素的红色边框：

$("p").find("span").end().css("border", "2px red solid");

3.例子2

$('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 
被设置了带颜色的背景，而第二个列表中的项目没有任何变化。