一、獲取父節點、祖先節點:
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])
搜索所有段落中的後代,可用選擇器獲取。