欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JQUERY的--end()

程序员文章站 2022-07-13 11:52:18
...

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

 

 

相关标签: JQUERY