jquery中的end()方法

部分内容引用自http://www.heifeie.com/javascript/9312.html

在官方文档上,对该方法的说明是“end()方法能够回到最近的一个"破坏性"操作之前,即将匹配的元素列表变为前一次的状态”。

这句话其中很重要的一个词:“破坏性操作”。破坏性操作,即为使匹配元素列表发生变化的操作。比如说下面这条代码:

$("li").css("color","red");
由于其只是改变了匹配元素列表的样式,而并没有改变匹配元素列表,列表仍为所有li元素,故这并不是一个破坏性操作。

再比如下面这条代码:

$("li").find(".first")
起初,匹配元素列表为所有li元素,经过find()方法后,匹配元素列表变为所有li元素中class为first的元素,即列表内容发生了变化,这一操作便是破坏性操作。

而end()方法的作用,就是将列表变为前一次的状态,通过end方法

$("li").find(".first").end().addClass("change");
我们就使列表又变回了所有li元素,向所有li元素,都添加了change类。


你可能感兴趣的:(jquery中的end()方法)