欢迎来到代码驿站!

jquery

当前位置:首页 > 网页前端 > jquery

jQuery中closest和parents的区别分析

时间:2022-05-08 10:04:43|栏目:jquery|点击:

jQuery中closest和parents从表现上来看都是说查找上线元素的一些内容了,但如果说仔细可能各位不懂,下面我们一起来看看closest和parents区别。

1.父级

parent()――唯一父级元素,可能是0个或1个元素。

2.祖先

parents(selected)――所有selected祖先(不包含根元素),可能是0个、1个或多个元素。
closest(selected)――唯一selected祖先,可能是0个或1个元素。
closest和parents的主要区别是:

前者从当前元素开始匹配寻找,后者从父元素开始匹配寻找;

前者逐级向上查找,直到发现匹配的元素后就停止了,后者一直向上查找直到根元素,然后把这些元素放进一个临时集合中,再用给定的选择器表达式去过滤;

前者返回0或1个元素,后者可能包含0个,1个,或者多个元素。

closest对于处理事件委托非常有用。

总结

1、closest查找开始于自身,parents开始于元素父级
2、closest向上查找,知道找到一个匹配就停止查找,parents一直查找到根元素,并将匹配的元素加入集合
3、closest返回的是包含零个或一个元素的jquery对象,parents返回的是包含零个或一个或多个元素的jquery对象

以上所述就是本文的全部内容了,希望大家能够喜欢。

上一篇:jQuery实现搜索页面关键字的功能

栏    目:jquery

下一篇:jQuery实现鼠标跟随提示层效果代码(可显示文本,Div,Table,Html等)

本文标题:jQuery中closest和parents的区别分析

本文地址:http://www.codeinn.net/misctech/201293.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有