jQuery中的closest()和parents()的差别

jQuery中closest()和parents()的作用非常类似,都是向上寻找符合选择器条件的元素,可是他们之间有一些细微的差别,官网也给出了说明:


.closest() .parents()
Begins with the current element Begins with the parent element
Travels up the DOM tree until it finds a match for the supplied selector Travels up the DOM tree to the document’s root element, adding each ancestor element to a temporary collection; it then filters that collection based on a selector if one is supplied
The returned jQuery object contains zero or one element for each element in the original set, in document order The returned jQuery object contains zero or more elements for each element in the original set, in reverse document order

以上介绍的非常清楚,closest()从当前元素開始找,找到一个符合条件的对象后就返回,而parents()则是从父元素開始向上找,一直到文档根节点。返回全部符合条件的jQuery元素对象。

jQuery中的closest()和parents()的差别相关推荐

  1. Jquery中的parent()与parents()取父元素的区别

    关于Jquery的parent和parents parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合. parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素).可 ...

  2. jQuery中focusin()和focus()、find()和children()的差别

    jQuery中focus()和focusin().focus()和children()的差别 focus()和focusin() focus()和focusin()的差别在于focusin()支持事件 ...

  3. 三、jQuery 中的 DOM 操作(超详细)

    文章目录 前言 一. DOM 介绍 二. 查找节点 2.1查找元素节点 2.2查找属性节点 三. 创建节点 3.1.创建元素节点 3.2.创建文本节点 3.3.创建属性节点 四.插入节点 4.1 DO ...

  4. jQuery 学习笔记一(认识jQuery jQuery选择器 jQuery中的DOM操作)

    第一章 认识jQuery jQuery代码风格 $(document).ready(function(){ //... }); 简化 $(function(){ //... }); jQuery对象转 ...

  5. jQuery中的事件机制与DOM操作

    jQuery事件机制 jQuery的事件机制,指的是jQuery对JavaScript操作DOM事件的封装,包括了:事件绑定.事件解绑.事件触发. 下面我们先来回顾一下事件的几种类型. 事件 描述 c ...

  6. jQuery遍历之closest()方法

    以选定的元素为中心,往内查找可以通过find.children方法.如果往上查找,也就是查找当前元素的父辈祖辈元素,jQuery提供了closest()方法,这个方法类似parents但是又有一些细微 ...

  7. JQuery中的动画效果

    show() hide() slideUp slideDown fadeIn fadeOut animate : 自定义动画 JQuery中的动画效果.html <!DOCTYPE html&g ...

  8. jQuery中的常用内容总结(一)

    jQuery中的常用内容总结(一)   前言 不好意思(✿◠‿◠),由于回家看病以及处理一些其它事情耽搁了,不然这篇博客本该上上周或者上周写的:同时闲谈几句:在这里建议各位开发的童鞋,如果有疾病尽快治 ...

  9. 使用jQuery中trigger()方法自动触发事件

    一.常用事件 在页面加载完成时  自动触发input的点击事件,在移动端可以实现自动弹出输入法,获得焦点 $("input").trigger("click") ...

最新文章

  1. 论新时代软件测试人员的工作之道(三)让Code Review常态化
  2. python是什么编程教程-编程python是什么_谁的Python教程最好?
  3. 何为消息队列,为何使用消息队列,有什么消息队列插件
  4. Future 和 ExecutorCompletionService 对比和使用
  5. mysql 金额 类型,SQL实现根据类型对金额进行归类
  6. 【NLP】21个经典深度学习句间关系模型|代码技巧
  7. 软件工程进度条-第十五周
  8. C# 中using的几个用途
  9. Nginx源码分析 - 主流程篇 - 平滑重启和信号控制(10)
  10. MySql8.0.15修改root密码
  11. 计算机硬件 中级证,计算机硬件组装与教学方法计算机应用中级职称论文
  12. 三种古典密码的认识(置换密码,代换密码和轮换密码)
  13. 嗨起来,让你在社交圈里有聊不完的话题
  14. python数据驱动读取用例_【webdriver自动化】Python数据驱动工具DDT(示例代码)
  15. 2015年天翊他爹有想法了
  16. html图片向上,CSS实现图片向上浮动
  17. win11 安装Subversion与配置 svn服务端
  18. [Vue]github案例
  19. Deep Ordinal Regression Network for Monocular Depth Estimation 单目深度估计,论文阅读,DORN;视频笔记
  20. 一文读懂什么是编程!

热门文章

  1. socket 编程入门教程(四)TCP应用:1、构建echo服务器
  2. 程序员杂记:我们的爱情故事
  3. 【OfficeDIY】有了站点了 ^_^
  4. 全民上网到全民织网 Web 2.0掀起人民战争
  5. laravel Transformers中修改data键
  6. PHPUnit实践二(生命周期)
  7. Tomcat启动特慢之SecureRandom问题解决
  8. 为UC做准备:部署Exchange 2010及SP1
  9. freeBSD挂载光驱
  10. 2.2. Array