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 相关文章推荐
基于PHP+Jquery制作的可编辑的表格的代码
Apr 10 Javascript
js动态拼接正则表达式的两种方法
Mar 04 Javascript
纯JavaScript实现获取onclick、onchange等事件的值
Dec 29 Javascript
freemarker判断对象是否为空的方法
Aug 13 Javascript
jquery validate表单验证的基本用法入门
Jan 18 Javascript
JS组件Bootstrap Table使用实例分享
May 30 Javascript
js获取form表单所有数据的简单方法
Aug 18 Javascript
jquery easyUI中ajax异步校验用户名
Aug 19 Javascript
使用Vue开发一个实时性时间转换指令
Jan 17 Javascript
Vue-Router模式和钩子的用法
Feb 28 Javascript
jQuery实现使用sort方法对json数据排序的方法
Apr 17 jQuery
jquery实现点击弹出对话框
Feb 08 jQuery
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
BBS(php & mysql)完整版(六)
2006/10/09 PHP
php使用curl并发减少后端访问时间的方法分析
2016/05/12 PHP
Smarty简单生成表单元素的方法示例
2016/05/23 PHP
php unlink()函数使用教程
2018/07/12 PHP
tp5(thinkPHP5框架)captcha验证码配置及验证操作示例
2019/05/28 PHP
javascript 火狐(firefox)不显示本地图片问题解决
2008/07/05 Javascript
jQuery使用之标记元素属性用法实例
2015/01/19 Javascript
JS表格组件神器bootstrap table详解(基础版)
2015/12/08 Javascript
Vue.js+Layer表格数据绑定与实现更新的实例
2018/03/07 Javascript
react中使用swiper的具体方法
2018/05/15 Javascript
详解性能更优越的小程序图片懒加载方式
2018/07/18 Javascript
vue中关闭eslint的方法分析
2018/08/04 Javascript
JavaScript前端页面搜索功能案例【基于jQuery】
2019/07/10 jQuery
no-vnc和node.js实现web远程桌面的完整步骤
2019/08/11 Javascript
vue 取出v-for循环中的index值实例
2019/11/09 Javascript
python 中的列表解析和生成表达式
2011/03/10 Python
以Flask为例讲解Python的框架的使用方法
2015/04/29 Python
python数据抓取分析的示例代码(python + mongodb)
2017/12/25 Python
win8下python3.4安装和环境配置图文教程
2018/07/31 Python
在Mac上删除自己安装的Python方法
2018/10/29 Python
一行Python代码制作动态二维码的实现
2019/09/09 Python
python自动识别文本编码格式代码
2019/12/26 Python
解决阿里云邮件发送不能使用25端口问题
2020/08/07 Python
django使用graphql的实例
2020/09/02 Python
Django celery异步任务实现代码示例
2020/11/26 Python
惠普美国官方商店:HP Official Store
2016/08/28 全球购物
10条PHP编程习惯
2014/05/26 面试题
函数指针的定义是什么
2016/08/14 面试题
酒吧员工的岗位职责
2013/11/26 职场文书
职业生涯规划怎么写
2013/12/29 职场文书
总经理司机职责
2014/02/02 职场文书
应届毕业生求职信范文
2014/05/08 职场文书
党建工作整改措施
2014/10/28 职场文书
党课主持词大全
2015/06/30 职场文书
浅谈MySql整型索引和字符串索引失效或隐式转换问题
2021/11/20 MySQL
python中对列表的删除和添加方法详解
2022/02/24 Python