当前位置: 首页 > 编程笔记 >

jQuery中closest和parents的区别分析

甄佐
2023-03-14
本文向大家介绍jQuery中closest和parents的区别分析,包括了jQuery中closest和parents的区别分析的使用技巧和注意事项,需要的朋友参考一下

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中attr和prop的区别分析,包括了jquery中attr和prop的区别分析的使用技巧和注意事项,需要的朋友参考一下 在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了。 关于它们两个的区别,网上的答案很多。这里谈谈我的心得,我的心得很简单: • 对于HTML元素本身就带有的固有属性,在处理时,

  • 本文向大家介绍jQuery中.attr()和.data()的区别分析,包括了jQuery中.attr()和.data()的区别分析的使用技巧和注意事项,需要的朋友参考一下 $.attr()和$.data()本质上属于 DOM属性 和 Jquery对象属性 的区别。 Jquery对象属性和DOM属性 一个简单的例子 • $.attr()每次都从DOM 元素 中取属性的值,即和视图中标签内的属性值保持

  • 本文向大家介绍Jquery中offset()和position()的区别分析,包括了Jquery中offset()和position()的区别分析的使用技巧和注意事项,需要的朋友参考一下 本文实例分析了Jquery中offset()和position()的区别。分享给大家供大家参考。具体分析如下: 一、Jquery中offset() 获取匹配元素在当前视口的相对偏移。 总是计算相对于文档的位置,无

  • 本文向大家介绍Jquery对象和Dom对象的区别分析,包括了Jquery对象和Dom对象的区别分析的使用技巧和注意事项,需要的朋友参考一下 在讨论之前,先约定好定义变量的风格。 如果获取的对象是jQuery对象,那么在变量前加上$,例如: 如果获取的是DOM对象,则定义如下:   jQuery对象不能使用DOM中的方法,但是如果对jQuery对象所提供的方法不熟悉,或者jQuery没有封装想要的方

  • 本文向大家介绍浅谈jQuery中hide和fadeOut的区别 show和fadeIn的区别,包括了浅谈jQuery中hide和fadeOut的区别 show和fadeIn的区别的使用技巧和注意事项,需要的朋友参考一下 hide和fadeOut 显示效果有什么区别? show和fadeIn显示效果都一样? 很多朋友在学习jQuery的时候 会遇到这个问题 ,hide和 fadeOut都可以带有参数

  • 本文向大家介绍jquery中live()方法和bind()方法区别分析,包括了jquery中live()方法和bind()方法区别分析的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jquery中live()方法和bind()方法区别。分享给大家供大家参考,具体如下: live()不受加载时间顺序的影响,只要查找能够配对上就能够绑定对应的事件,而bind方法只有在第一次被加载的时候才绑定时