jquery end详解

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

解释：用于包当前包装集指向最近一次"破坏性"操作之前。

破坏性操作是当一个jQuery函数被使用在一个对象后造成此对象的结构变化。

即一个包装集，内部结构发生变化，减少了控件或者增加了控件。

例如：

1、$("img:first").clone().appendTo("#id2").end().hide();    

end()之前的破坏性动作是appendTo("#id2") ，appendTo("#id2")之前的包装集是clone()之后的复制品，所以最后面的hide()操作的对象也是复制之后的控件。

2、$("img:first").appendTo("#id2").end().hide();

end()之前的破坏性动作是appendTo("#id2") ，appendTo("#id2")之前的包装集是$("img:first")，最后hide()的对象是$("img:first")。

3、$('ul.first').find('.foo').css('background-color', 'red').end().find('.bar').css('background-color', 'green').end();

第一个end()之前css设置样式不是"破坏性"操作，再往前find()缩小了原有包装集的范围，是“破坏性”操作，这次破坏性操作之前的是$('ul.first')，

第二个end()同第一个，find()之前的end()，第一个end()回到了$("img:first")，所以第二个end()也回到了$("img:first")。