jq的父子节点选择

一、获取父节点、祖先节点:

1. parents([selector])

本方法用于选择给定 jQuery 对象中包含的 DOM 元素或者 DOM 元素集的祖先节点,并将这些节点包装成 jQuery 对象返回,返回的节点集是以从里到外的顺序排序的。同时,本方法还接受一个字符串选择器,用于从返回的节点集中筛选符合选择器的子元素集。


2. parent([selector])
本方法用于选择给定 jQuery 对象中包含的 DOM 元素或者 DOM 元素集的父节点。它和 parents() 不同的是,它只向上搜索一层,而 parents() 会搜索整个 DOM 树。本方法也可以接受一个字符串选择器,用于筛选返回的元素。


有人可能会问:一个 DOM 元素的父元素不是只有一个么,为什么还要一个 selector 选择器进行筛选呢?其实一个 jQuery 对象可能包含有很多个 DOM 元素,例如$('a').parent() 就是选择所有 <a> 标签的父元素,这样返回的就是一个元素集,所以可以进行筛选。

3. closest(selector)(((((这个感觉挺好用))))
本方法用于向上遍历 jQuery 对象中包含的 DOM 元素或者 DOM 元素集的祖先节点,直到找到符合 selector 选择器的节点为止。

二、获取子节点、子孙节点:

1. chidren([selector])

仅仅获取的是下级节点,不包括孙子节点,可用选择器选取。


2. find([selector])
搜索所有段落中的后代,可用选择器获取。
 

发布了65 篇原创文章 · 获赞 52 · 访问量 18万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章