jQuery的parent和parents和closest区别
2024-09-28 16:00:57
1、parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。
2、parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选。
3、closest() 方法获得匹配选择器的第一个祖先元素,从当前元素开始沿 DOM 树向上。
可以看出parent取的很明确,就是当前元素的父元素;parents则是当前元素的祖先元素。下面列出例子说明:
<div id='div1'>
<div id='div2'><p></p></div>
<div id='div3' class='a'><p></p></div>
<div id='div4'><p></p></div>
</div>
$('p').parent()取到的是div2,div3,div4
$('p').parent('.a')取到的是div3
$('p').parent().parent()取到的是div1,这点比较奇特;不过Jquery对象本身的特点决定了这是可行的。
$('p').parents()取到的是div1,div2,div3,div4
$('p').parents('.a')取到的是div3
.closest() | .parents() |
---|---|
从当前元素开始 | 从父元素开始 |
沿 DOM 树向上遍历,直到找到已应用选择器的一个匹配为止。 | 沿 DOM 树向上遍历,直到文档的根元素为止,将每个祖先元素添加到一个临时的集合;如果应用了选择器,则会基于该选择器对这个集合进行筛选。 |
返回包含零个或一个元素的 jQuery 对象 | 返回包含零个、一个或多个元素的 jQuery 对象 |
最新文章
- 阿里云yum源安装
- Kali 开机报错解决方案
- 【python】装饰器
- 【zepto学习笔记01】核心方法$()(补)
- Consul Template的简单使用
- Aptana studio 3前端开发编辑器推荐
- LTS版本的解析
- sql自动生成汉语拼音和首字母函数
- js -去掉首尾的空格.
- sed使用详解
- linuxDNS
- [双硬盘GPT分区安装linux] ----安装
- jinji2
- scrapy 框架入门
- 最全的MonkeyRunner自动化测试从入门到精通(2)
- 【uoj125】 NOI2013—书法家
- 轻量级ORM框架Dapper应用一:Dapper安装
- i2c驱动笔记
- IOS客户端Coding项目记录(二)
- 源码编译php