jQuery中closest和parents的区别分析


Posted in Javascript onMay 07, 2015

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对象

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

Javascript 相关文章推荐
jQuery 1.0.4 - New Wave Javascript(js源文件)
Jan 15 Javascript
两个Javascript小tip资料
Nov 23 Javascript
jquery监控数据是否变化(修正版)
Apr 12 Javascript
jQuery的live()方法对hover事件的处理示例
Feb 27 Javascript
辨析JavaScript中的Undefined类型与null类型
May 26 Javascript
AngularJS应用开发思维之依赖注入3
Aug 19 Javascript
浅谈js对象属性 通过点(.) 和方括号([]) 的不同之处
Oct 29 Javascript
js 动态生成html 触发事件传参字符转义的实例
Feb 14 Javascript
React 源码中的依赖注入方法
Nov 07 Javascript
javscript 数组扁平化的实现
Feb 03 Javascript
JavaScript进阶(一)变量声明提升实例分析
May 09 Javascript
在vue项目中引用Antv G2,以饼图为例讲解
Oct 28 Javascript
js实现键盘上下左右键选择文字并显示在文本框的方法
May 07 #Javascript
基于jQuery.Hz2Py.js插件实现的汉字转拼音特效
May 07 #Javascript
JavaScript更改字符串的大小写
May 07 #Javascript
JQUERY简单按钮轮换选中效果实现方法
May 07 #Javascript
JS基于面向对象实现的放烟花效果
May 07 #Javascript
jquery中trigger()无法触发hover事件的解决方法
May 07 #Javascript
javascript实现的图片切割多块效果实例
May 07 #Javascript
You might like
如何选购合适的收音机
2021/03/01 无线电
让Json更懂中文(JSON_UNESCAPED_UNICODE)
2011/10/27 PHP
php递归删除目录下的文件但保留的实例分享
2014/05/10 PHP
php使用CURL不依赖COOKIEJAR获取COOKIE的方法
2015/06/17 PHP
PHP7扩展开发之hello word实现方法详解
2018/01/15 PHP
ThinkPHP框架中使用Memcached缓存数据的方法
2018/03/31 PHP
PHP写API输出的时用echo的原因详解
2019/04/28 PHP
WordPress 插件——CoolCode使用方法与下载
2007/07/02 Javascript
DD_belatedPNG,IE6下PNG透明解决方案(国外)
2010/12/06 Javascript
Javascript脚本实现静态网页加密实例代码
2013/11/05 Javascript
关于Javascript加载执行优化的研究报告
2014/12/16 Javascript
javascript解三阶幻方(九宫格)
2015/04/22 Javascript
jquery实现标签上移、下移、置顶
2015/04/26 Javascript
浅谈javascript语法和定时函数
2015/05/03 Javascript
JavaScript在控件上添加倒计时功能的实现代码
2017/07/04 Javascript
js断点调试经验分享
2017/12/08 Javascript
vuejs实现递归树型菜单组件
2018/01/13 Javascript
通过seajs实现JavaScript的模块开发及按模块加载
2019/06/06 Javascript
纯JS开发baguetteBox.js响应式画廊插件
2020/06/28 Javascript
vue中touch和click共存的解决方式
2020/07/28 Javascript
JavaScript setTimeout()基本用法有哪些
2020/11/04 Javascript
Flask之flask-script模块使用
2018/07/26 Python
Python3 Post登录并且保存cookie登录其他页面的方法
2018/12/28 Python
pyspark操作MongoDB的方法步骤
2019/01/04 Python
Python爬取破解无线网络wifi密码过程解析
2019/09/17 Python
python加载自定义词典实例
2019/12/06 Python
Python爬虫后获取重定向url的两种方法
2021/01/19 Python
非功能性需求都包括哪些方面
2013/10/29 面试题
学习型党组织心得体会
2014/09/12 职场文书
工程项目合作意向书
2015/05/08 职场文书
邓小平文选读书笔记
2015/06/29 职场文书
开学第一周值周总结
2015/07/16 职场文书
KTV员工管理制度
2015/08/06 职场文书
2016中考冲刺决心书
2015/09/22 职场文书
SpringBoot项目中控制台日志的保存配置操作
2021/06/18 Java/Android
详解Python中__new__方法的作用
2022/03/31 Python