JQuery中parents和closest的区别

最新推荐文章于 2024-09-14 18:52:56 发布
最新推荐文章于 2024-09-14 18:52:56 发布
阅读量87 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/zhangheng/p/4039880.html
版权

jquery中查找上层元素一般都习惯了用parents方法，往往忽略了还有一个效率更高的closest方法，看下w3cschool的解释

过程不一样，closest是找到一个即停止，而parents将一直找到根节点，所以结果就不一样，closest将返回最多一个对象，而parents没有限制，任意个，显然，在很多的需求情况下，用closest的效率更高一些

转载于:https://www.cnblogs.com/zhangheng/p/4039880.html

weixin_33717298
关注
jquery中closest和parents的区别
qwqasd123456的博客
08-13 173
closest：当前选择的唯一祖先，可能是0或1个 parents：当前选择的所有祖先（不包含根元素），0或多个 主要区别是： closest是从当前元素开始查找的，parents是从父元素开始匹配查找 colsest是逐级向上查找，直到发现匹配的元素为止，而parents是一直往上查找直到根元素，然后把这些根元素放进一个临时集合中，再用给定的选择器表达式进行过滤 推荐文章：https:...
jQuery-parents和closest区别
weixin_30562507的博客
03-20 53
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery-parents和closest区别</title> <style type="text/css"> li { margin: ...
jQuery的parent和parents和closest区别
09-20 130
1、parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。2、parents则是取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通过一个可选的表达式进行筛选。3、closest() 方法获得匹配选择器的第一个祖先元素，从当前元素开始沿 DOM 树向上。 可以看出parent取的很明确，就是当前元素的父元素；parents则是当前元素的祖先元素。下面列出例...
jquery的closest方法和parents方法的区别
u014712365的博客
05-02 56
今天第一次看到closest方法，以前也从来没用过。 该方法从元素本身开始往上查找，返回最近的匹配的祖先元素。 1、closest查找开始于自身，parents开始于元素父级 2、closest向上查找，知道找到一个匹配就停止查找，parents一直查找到根元素，并将匹配的元素加入集合 3、closest返回的是包含零个或一个元素的jquery对象，parents返回的是包含零个或一个或多个元素...
jQuery 之 parent、parents 和 closest 方法
稚枭天卓
10-10 1000
parent() 方法返回被选元素的直接父元素。 DOM 树：该方法只沿着 DOM 树向上遍历单一层级。如需向上遍历直至文档根元素的所有路径（返回祖父节点或其他祖先），请使用 parents() 或 parentsUntil() 方法。 parents() 从父元素开始 沿 DOM 树向上遍历，并返回匹配所传递的表达式的所有祖先 返回包含零个、一个或多个元素的 jQuery 对象 cl
jQuery查找——parent/parents/parentsUntil/closest
qq_27009517的博客
06-12 1595
jquery的parent(),parents(),parentsUntil(),closest()都是向上查找父级元素，具体用法不同 parent()：取得一个包含着所有匹配元素的唯一父元素的元素集合。 parents()：沿 DOM 树向上遍历，直到文档的根元素(<html>)为止，将每个祖先元素添加到一个临时的集合；如果应用了选择器，则会基于该选择器对这个集合进行筛选。返回零个、一个或多个元素。 closest()：沿 DOM 树向上遍历，直到找到已应用选择器的一个匹配为止。返回零个
jquery中的查找parents和closest方法的区别
weixin_33795093的博客
05-18 77
一、返回值 前者可以返回多个元素 或者只能返回0个或者1个 二、停止的时间不同 前者是所有的上级元素即一直到根一般是body  后者是知道发现为止，发现一个就停止了 三、开始的元素不同 前者是从父元素开始  后者是从自身开始的 代码如下： &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww...
原生js实现jQuery parentsUntil 和 closest方法
刚刚好
03-26 1410
需求很简单，如下图：点击表格内每行的删除按钮时删除该行 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo2</title> <style> *{margin:0;paddin...
jquery parent parents closest 使用区别 小记
weixin_30402085的博客
06-07 81
parent() 方法返回被选元素的直接父元素。 DOM 树：该方法只沿着 DOM 树向上遍历单一层级。如需向上遍历直至文档根元素的所有路径（返回祖父节点或其他祖先），请使用 parents()。 parents()从父元素开始沿 DOM 树向上遍历，并返回匹配所传递的表达式的所有祖先返回包含零个、一个或多个元素的 jQuery 对象closest()从当前元素开始沿 DOM 树向上遍历，并返...
jQuery中closest和parents的区别分析
10-24
在jQuery库中，`closest()` 和 `parents()` 都是用来查找元素的上级节点，但它们在功能和使用上有明显的差异。下面将详细分析这两个方法的用法和它们之间的区别。 首先，`parent()` 方法用于获取当前元素的直接父级...
jquery中的查找parents与closest方法之间的区别
10-26
在jQuery库中，`parents()`和`closest()`都是用于寻找元素的上级节点，但它们之间存在显著的区别。本文将深入探讨这两个方法的功能、用法以及它们在实际开发中的应用场景。 一、返回值 `parents()`方法会返回一个...
jQuery 遍历- 关于closest() 的方法介绍以及与parents()的方法区别分析
10-27
jQuery作为目前前端开发中最常用的JavaScript库之一，提供了丰富的DOM遍历和操作方法，其中，.closest() 和 .parents() 是用来查找父元素的两个重要方法，虽然它们的功能看起来相似，但它们之间存在细微而关键的区别...
js中【Worker】相关知识点详细解读
2301_79858914的博客
09-11 871
JavaScript 中的 Worker 是一个可以在后台线程中运行代码的 API，这样可以避免主线程（通常是 UI 线程）被阻塞。使用 Worker 时，JavaScript 可以在多线程环境中工作，解决了单线程的瓶颈问题。通常情况下，JavaScript 是单线程的，也就是所有的代码（包括 DOM 操作和事件处理等）都在同一个线程里执行。如果某段代码需要大量计算，或者运行时间过长，会阻塞整个页面，导致界面卡顿甚至崩溃。Worker提供了一种将复杂或耗时的任务分配到后台线程执行的方法。
【JavaScript】LeetCode：707设计链表
最新发布
weixin_45980065的博客
09-14 579
【代码】【JavaScript】LeetCode：707设计链表。
echarts.js+china.js实现中国地图各省数据案例
qq_58258855的博客
09-11 464
实现中国地图各省数据案例
JS笔记
2201_76100326的博客
09-11 893
javascript中的对象分为3种：自定义对象，内置对象，浏览器对象 JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。在 JavaScript 中，对象是拥有属性和方法的数据。属性是与对象相关的值。方法是能够在对象上执行的动作。.关键词（）
vue3中动态引入本地图片的两种方法
haodanzj的博客
09-11 278
动态在本地引入图片
JS的输出语句
J3259392566的博客
09-13 260
js中严格区分大小写。
jQuery遍历节点方法详解
在jQuery中，有多种方法用于遍历DOM（文档对象模型）节点，以便对网页元素进行操作。以下是jQuery中用于遍历节点的一些主要方法的详细解释： 1. **children()**：此方法返回指定元素的所有直接子元素，不包括任何...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值