jquery中end的作用是结束当前链条中的最近的筛选操作,并将匹配元素集还原为之前的状态,其使用语法是“.end()”。
本文操作环境:windows7系统、jquery3.2.1版、dell g3电脑
jquery中end用法是什么?
jquery end() 方法结束当前链条中的最近的筛选操作,并将匹配元素集还原为之前的状态。
语法
.end()
详细说明
大多数 jquery 的遍历方法会操作一个 jquery 对象实例,并生成一个匹配不同 dom 元素集的新对象。当发生这种情况时,应该会把新的元素集推入维持在对象中的堆栈内。每次成功的筛选方法调用都会把新元素推入堆栈中。如果我们需要老的元素集,可以使用 end() 从堆栈中弹出新集合。
假设页面中有一对很短的列表:
<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>
例子
主要是在利用 jquery 的链条属性(命令链)时,jquery 会比较有用。如果不使用命令链,我们一般是通过变量名来调用之前的对象,这样我们就不需要操作堆栈了。不过通过 end(),我们可以把所有方法调用串联在一起:
$('ul.first').find('.foo').css('background-color', 'red') .end().find('.bar').css('background-color', 'green');
这条命令链检索第一个列表中类名为 foo 的项目,并把它们的背景设置为红色。end() 会将对象还原为调用 find() 之前的状态,所以第二个 find() 查找的是 d880935ba5e1a0da0b3cf918f3a133c2 内的 '.bar' ,而不是在列表的 eb4e91cd394798bfb23494ad929c8f0c 中查找,并将匹配元素的背景设置为绿色。最后的结果是第一个列表中的项目 1 和项目 3 被设置了带颜色的背景,而第二个列表中的项目没有任何变化。
推荐学习:《jquery视频教程》
以上就是jquery中end用法是什么的详细内容。
