jQuery中的closest()和parents()的差别
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()的差别相关推荐
- Jquery中的parent()与parents()取父元素的区别
关于Jquery的parent和parents parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合. parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素).可 ...
- jQuery中focusin()和focus()、find()和children()的差别
jQuery中focus()和focusin().focus()和children()的差别 focus()和focusin() focus()和focusin()的差别在于focusin()支持事件 ...
- 三、jQuery 中的 DOM 操作(超详细)
文章目录 前言 一. DOM 介绍 二. 查找节点 2.1查找元素节点 2.2查找属性节点 三. 创建节点 3.1.创建元素节点 3.2.创建文本节点 3.3.创建属性节点 四.插入节点 4.1 DO ...
- jQuery 学习笔记一(认识jQuery jQuery选择器 jQuery中的DOM操作)
第一章 认识jQuery jQuery代码风格 $(document).ready(function(){ //... }); 简化 $(function(){ //... }); jQuery对象转 ...
- jQuery中的事件机制与DOM操作
jQuery事件机制 jQuery的事件机制,指的是jQuery对JavaScript操作DOM事件的封装,包括了:事件绑定.事件解绑.事件触发. 下面我们先来回顾一下事件的几种类型. 事件 描述 c ...
- jQuery遍历之closest()方法
以选定的元素为中心,往内查找可以通过find.children方法.如果往上查找,也就是查找当前元素的父辈祖辈元素,jQuery提供了closest()方法,这个方法类似parents但是又有一些细微 ...
- JQuery中的动画效果
show() hide() slideUp slideDown fadeIn fadeOut animate : 自定义动画 JQuery中的动画效果.html <!DOCTYPE html&g ...
- jQuery中的常用内容总结(一)
jQuery中的常用内容总结(一) 前言 不好意思(✿◠‿◠),由于回家看病以及处理一些其它事情耽搁了,不然这篇博客本该上上周或者上周写的:同时闲谈几句:在这里建议各位开发的童鞋,如果有疾病尽快治 ...
- 使用jQuery中trigger()方法自动触发事件
一.常用事件 在页面加载完成时 自动触发input的点击事件,在移动端可以实现自动弹出输入法,获得焦点 $("input").trigger("click") ...
最新文章
- 论新时代软件测试人员的工作之道(三)让Code Review常态化
- python是什么编程教程-编程python是什么_谁的Python教程最好?
- 何为消息队列,为何使用消息队列,有什么消息队列插件
- Future 和 ExecutorCompletionService 对比和使用
- mysql 金额 类型,SQL实现根据类型对金额进行归类
- 【NLP】21个经典深度学习句间关系模型|代码技巧
- 软件工程进度条-第十五周
- C# 中using的几个用途
- Nginx源码分析 - 主流程篇 - 平滑重启和信号控制(10)
- MySql8.0.15修改root密码
- 计算机硬件 中级证,计算机硬件组装与教学方法计算机应用中级职称论文
- 三种古典密码的认识(置换密码,代换密码和轮换密码)
- 嗨起来,让你在社交圈里有聊不完的话题
- python数据驱动读取用例_【webdriver自动化】Python数据驱动工具DDT(示例代码)
- 2015年天翊他爹有想法了
- html图片向上,CSS实现图片向上浮动
- win11 安装Subversion与配置 svn服务端
- [Vue]github案例
- Deep Ordinal Regression Network for Monocular Depth Estimation 单目深度估计,论文阅读,DORN;视频笔记
- 一文读懂什么是编程!