jquery中closest和parents的区别

最新推荐文章于 2021-06-12 14:24:44 发布
最新推荐文章于 2021-06-12 14:24:44 发布
阅读量167 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qwqasd123456/article/details/99440310
版权

closest：当前选择的唯一祖先，可能是0或1个

parents：当前选择的所有祖先（不包含根元素），0或多个

主要区别是：

closest是从当前元素开始查找的，parents是从父元素开始匹配查找

colsest是逐级向上查找，直到发现匹配的元素为止，而parents是一直往上查找直到根元素，然后把这些根元素放进一个临时集合中，再用给定的选择器表达式进行过滤

推荐文章：https://www.jb51.net/article/65617.htm

qwqasd123456
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery中closest和parents的区别分析
12-12
jQuery中closest和parents从表现上来看都是说查找上线元素的一些内容了，但如果说仔细可能各位不懂，下面我们一起来看看closest和parents区别。 1.父级 parent()——唯一父级元素，可能是0个或1个元素。 2.祖先 parents(selected)——所有selected祖先（不包含根元素），可能是0个、1个或多个元素。 closest(selected)——唯一selected祖先，可能是0个或1个元素。 closest和parents的主要区别是： 前者从当前元素开始匹配寻找，后者从父元素开始匹配寻找； 前者逐级向上查找，直到发现匹配的元素后就停止了，后者
jquery-parent(),parents()与closest()的区别
Asa_Prince的博客
12-26 475
1、 parent([selector]) 获得集合中每个匹配元素的父级元素，从指定类型的直接父节点（只往上找一级）开始查找，返回一个元素节点。 本方法用于选择给定jQuery对象中包含的DOM元素或者DOM元素集的父节点。它和parents()不同的是，它只向上搜索一层，而parents()会搜索整个DOM树。 本方法也可以接受一个字符串选择器，用于筛选返回的元素。 2、 parents...
jquery的closest方法和parents方法的区别
u014712365的博客
05-02 51
今天第一次看到closest方法，以前也从来没用过。 该方法从元素本身开始往上查找，返回最近的匹配的祖先元素。 1、closest查找开始于自身，parents开始于元素父级 2、closest向上查找，知道找到一个匹配就停止查找，parents一直查找到根元素，并将匹配的元素加入集合 3、closest返回的是包含零个或一个元素的jquery对象，parents返回的是包含零个或一个或多个元素...
JQUERY .closest() .parents()区别
xhhuang1979的专栏
12-11 450
.ancestors * { display: block; border: 2px solid lightgrey; color: lightgrey; padding: 5px; margin: 15px; } I II A B 1 2 3 C
jQuery中的closest()和parents()的区别
siege
08-20 1936
jQuery中的closest()和parents()的区别jQuery中closest()和parents()的作用非常相似，都是向上寻找符合选择器条件的元素，但是他们之间有一些细微的差别，官网也给出了说明： .closest() .parents() Begins with the current element Begins with the parent element T
jquery中的查找parents与closest方法之间的区别
10-26
在jQuery库中，`parents()`和`closest()`都是用于寻找元素的上级节点，但它们之间存在显著的区别。本文将深入探讨这两个方法的功能、用法以及它们在实际开发中的应用场景。 一、返回值 `parents()`方法会返回一个...
JQuery.closest(),parent(),parents()寻找父结点
10-28
在JavaScript的jQuery库中，`closest()`, `parent()`, 和 `parents()` 是三个非常重要的方法，用于在DOM树中查找元素的父级。这些方法在网页开发中常常被用来定位和操作元素，特别是在处理复杂的DOM结构时。下面将...
parent，parents，closest 的区别
Fairy的博客
02-27 239
parent() 从指定的位置开始寻找父节点，返回一个元素节点 parents() 从指定的位置开始寻找父节点，找到第一个并没有停止，而是继续查找，返回多个父节点 closest() 从指定的位置开始寻找父节点，找到第一个并没有停止，而是继续查找，只是返回第一个父节点  ...
jQuery中的closest()和parents()的差别
weixin_34161032的博客
07-01 87
jQuery中的closest()和parents()的差别 jQuery中closest()和parents()的作用非常类似，都是向上寻找符合选择器条件的元素，可是他们之间有一些细微的差别，官网也给出了说明： .closest() .parents() Begins with the current element Begins with...
jquery parent() parents() closest()区别
热门推荐
lidiansheng的专栏
03-04 1万+
parent是找当前元素的第一个父节点，不管匹不匹配都不继续往下找 parents是找当前元素的所有父节点  closest() 是找当前元素的所有父节点 ，直到找到第一个匹配的父节点 parent()、parents()与closest()方法两两之间有类似又有不同，本篇简短的区分一下这三个方法。通过本篇内容，大家将会在以后使用.parent()、parents()和close
关于parent()、parents()和closest()的区别
cao199408的博客
04-14 1370
parent()、parents()和closest()方法两两之间有类似又有不同，在此简短的区分一下这三个方面。 1.parent() 描述：获得集合中每一个匹配元素的父级元素 示例：$('.item-1').parent().css('background-color','red');   parent()方法从指定类型的直接父节点开始查找。parent()返回一个元素节点。
parent()，parents()与closest()的区别
wujunlei1595848的博客
06-22 1986
方法 描述 示例 parent() 获得集合中每个匹配元素的父级元素 $('.item-1').parent().css('background-color', 'red'); parent()方法从指定类型的直接父节点开始查找。parent()返回一个元素节点。 parents() 获得集合中每个匹配元素的祖先元素 $('.item-1').paren...
在使用jquery时，(e.target).closest(＂li＂)是什么意思
weixin_30432007的博客
06-25 810
今天在群里有童鞋问以下代码中： $(function(){ $(document).bind("click", function (e) { $(e.target).closest("li").css("color","red"); }) }); (e.target).closest("li")是什么意思？ 这里给大家稍微解释下： e.target是当...
parent(),parents()与closest()的区别与详解
azf56181的博客
02-02 981
方法 例子 描述 parent() 获得集合中每个匹配元素的父级元素 $('.item-1').parent().css('background-color','red'); parent()方法从指定类型的直接父节点开始查找。 parent()返回一个元素节点。 parents() 获得集合中每个匹配元素的祖先元...
jquery closest()的用法
明天的你会感谢今天的自己
10-22 6250
   closest（）是一个非常好用的查找祖先对象的方法，它和parent（）和parents（）相比，优点是简洁直观，返回0或1个对象，避免了返回很多对象而不知道怎么处理的尴尬，查找的是满足一定条件下的第一个祖先。    它的常用格式是： var tbl = $(obj).closest("table"); 这句js的意思是找到obj对象的第一个table祖先元素，这里的obj可以是t...
jQuery查找——parent/parents/parentsUntil/closest
qq_27009517的博客
06-12 1549
jquery的parent(),parents(),parentsUntil(),closest()都是向上查找父级元素，具体用法不同 parent()：取得一个包含着所有匹配元素的唯一父元素的元素集合。 parents()：沿 DOM 树向上遍历，直到文档的根元素(<html>)为止，将每个祖先元素添加到一个临时的集合；如果应用了选择器，则会基于该选择器对这个集合进行筛选。返回零个、一个或多个元素。 closest()：沿 DOM 树向上遍历，直到找到已应用选择器的一个匹配为止。返回零个
jQuery选择器全面解析
选择器是jQuery的核心特性之一，用于高效地选取网页中的DOM元素。本教程将深入讲解jQuery选择器的使用。 1. 在HTML页面中添加jQuery 在HTML页面中引入jQuery库，通常有两种方式：一是通过谷歌的CDN(Content ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值