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 相关文章推荐
javascript 设置文本框中焦点的位置
Nov 20 Javascript
浅谈javascript 函数属性和方法
Jan 21 Javascript
jquery实现向下滑出的二级导航下滑菜单效果
Aug 25 Javascript
js表单提交和submit提交的区别实例分析
Dec 10 Javascript
JavaScript+html5 canvas实现本地截图教程
Apr 16 Javascript
jquery按回车键实现表单提交的简单实例
May 25 Javascript
React实现点击删除列表中对应项
Jan 10 Javascript
js学习总结_基于数据类型检测的四种方式(必看)
Jul 04 Javascript
最基础的vue.js双向绑定操作
Aug 23 Javascript
switchery按钮的使用方法
Dec 18 Javascript
vue2.0+ 从插件开发到npm发布的示例代码
Apr 28 Javascript
详解vite+ts快速搭建vue3项目以及介绍相关特性
Feb 25 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
教你IIS6的PHP最佳配置方法
2006/09/05 PHP
PHP与SQL语句常用大全
2016/12/10 PHP
PHP替换Word中变量并导出PDF图片的实现方法
2020/11/26 PHP
在chrome中window.onload事件的一些问题
2010/03/01 Javascript
jQuery响应enter键的实现思路
2014/04/18 Javascript
基于javascript实现checkbox复选框实例代码
2016/01/28 Javascript
[原创]JQuery 在表单提交之前修改 提交的值
2016/04/14 Javascript
jquery自定义插件开发之window的实现过程
2016/05/06 Javascript
jquery Banner轮播选项卡
2016/12/26 Javascript
nodejs中art-template模板语法的引入及冲突解决方案
2017/11/07 NodeJs
jQuery简单实现向列表动态添加新元素的方法示例
2017/12/25 jQuery
react native 获取地理位置的方法示例
2018/08/28 Javascript
Vue CLI3搭建的项目中路径相关问题的解决
2018/09/17 Javascript
详解vue 组件
2020/06/11 Javascript
详解JavaScript中的数据类型,以及检测数据类型的方法
2020/09/17 Javascript
[01:10]3.19DOTA2发布会 三代刀塔人第一代
2014/03/25 DOTA
Centos5.x下升级python到python2.7版本教程
2015/02/14 Python
Django自定义分页与bootstrap分页结合
2021/02/22 Python
python要安装在哪个盘
2020/06/15 Python
python3 中时间戳、时间、日期的转换和加减操作
2020/07/14 Python
会走动的图形html5时钟示例
2014/04/27 HTML / CSS
英国体育器材进口商店:UK Sport Imports
2017/03/14 全球购物
abstract是什么意思
2012/02/12 面试题
在C#中如何实现多态
2014/07/02 面试题
小学数学教学反思
2014/02/02 职场文书
政府班子四风问题整改措施思想汇报
2014/10/08 职场文书
绿色校园广播稿
2014/10/13 职场文书
考试没考好检讨书(精选篇)
2014/11/16 职场文书
安全先进班组材料
2014/12/26 职场文书
英语感谢信范文
2015/01/20 职场文书
总经理助理岗位职责
2015/01/31 职场文书
民主评议教师党员自我评价
2015/03/04 职场文书
新闻简讯格式及范文
2015/07/22 职场文书
少先队中队工作总结
2015/08/14 职场文书
校长新学期寄语2016
2015/12/04 职场文书
搭建Yolov5服务器
2022/04/30 Servers