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 相关文章推荐
简单JS代码压缩器
Oct 12 Javascript
用JQuery 实现的自定义对话框
Mar 24 Javascript
如何用js控制css中的float的代码
Aug 16 Javascript
给jQuery方法添加回调函数一款插件的应用
Jan 21 Javascript
自制的文件上传JS控件可支持IE、chrome、firefox etc
Apr 18 Javascript
JavaScript中利用各种循环进行遍历的方式总结
Nov 10 Javascript
Bootstrap入门书籍之(三)栅格系统
Feb 17 Javascript
javaScript和jQuery自动加载简单代码实现方法
Nov 24 jQuery
Next.js项目实战踩坑指南(笔记)
Nov 29 Javascript
新手快速入门JavaScript装饰者模式与AOP
Jun 24 Javascript
vue+vant 上传图片需要注意的地方
Jan 03 Vue.js
vue项目中的支付功能实现(微信支付和支付宝支付)
Feb 18 Vue.js
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
跟我学小偷程序之成功偷取首页(第三天)
2006/10/09 PHP
linux下删除7天前日志的代码(php+shell)
2011/01/02 PHP
PHP5常用函数列表(分享)
2013/06/07 PHP
laravel ORM关联关系中的 with和whereHas用法
2019/10/16 PHP
jQuery ui 利用 datepicker插件实现开始日期(minDate)和结束日期(maxDate)
2014/05/22 Javascript
chrome下img加载对height()的影响示例探讨
2014/05/26 Javascript
在JavaScript应用中使用RequireJS来实现延迟加载
2015/07/01 Javascript
深入理解jQuery之防止冒泡事件
2016/05/24 Javascript
Bootstrap开关(switch)控件学习笔记分享
2016/05/30 Javascript
JavaScript中子对象访问父对象的方式详解
2016/09/01 Javascript
JQuery遍历元素的后代和同胞实现方法
2016/09/18 Javascript
JSON与String互转的实现方法(Javascript)
2016/09/27 Javascript
JS实现的验证身份证及获取地区功能示例
2017/01/16 Javascript
JS判断键盘是否按的回车键并触发指定按钮点击操作的方法
2017/02/13 Javascript
基于Vue单文件组件详解
2017/09/15 Javascript
浅谈Vue SSR 的 Cookies 问题
2017/11/20 Javascript
使用vue-cli打包过程中的步骤以及问题的解决
2018/05/08 Javascript
express 项目分层实践详解
2018/12/10 Javascript
CryptoJS中AES实现前后端通用加解密技术
2018/12/18 Javascript
js实现通过开始结束控制的计时器
2019/02/25 Javascript
js继承的这6种方式!(上)
2019/04/23 Javascript
Vue指令之 v-cloak、v-text、v-html实例详解
2019/08/08 Javascript
基于vue-cli3创建libs库的实现方法
2019/12/04 Javascript
[01:02:48]2018DOTA2亚洲邀请赛小组赛 A组加赛 Newbee vs Liquid
2018/04/03 DOTA
python 判断自定义对象类型
2009/03/21 Python
Python  unittest单元测试框架的使用
2018/09/08 Python
Django 404、500页面全局配置知识点详解
2020/03/10 Python
python 制作python包,封装成可用模块教程
2020/07/13 Python
html5播放视频且动态截图实现步骤与代码(支持safari其他未测试)
2013/01/06 HTML / CSS
巴西婴儿用品商店:Bebe Store
2017/11/23 全球购物
素食餐饮项目创业计划书
2014/02/02 职场文书
法学函授自我鉴定
2014/02/06 职场文书
幼儿园小班个人总结
2015/02/12 职场文书
财务人员入职担保书
2015/09/22 职场文书
2016年秋季趣味运动会开幕词
2016/03/04 职场文书
Java 多线程协作作业之信号同步
2022/05/11 Java/Android