jQuery選擇器之層級選擇器

2021-07-27 19:15:14 字數 620 閱讀 4055

文件中的所有的節點之間都是有這樣或者那樣的關係。我們可以把節點之間的關係可以用傳統的家族關係來描述,可以把文件樹當作乙個家譜,那麼節點與節點直接就會存在父子,兄弟,祖孫的關係了。

選擇器中的層級選擇器就是用來處理這種關係

子元素 後代元素 兄弟元素 相鄰元素

通過乙個列表,對比層級選擇器的區別

仔細觀察層級選擇器之間還是有很多相似與不同點

層級選擇器都有乙個參考節點

後代選擇器包含子選擇器的選擇的內容

一般兄弟選擇器包含相鄰兄弟選擇的內容

相鄰兄弟選擇器和一般兄弟選擇器所選擇到的元素,必須在同乙個父元素

div下的第乙個p元素

div下的第乙個p元素

div下的article下的p元素

div下的article下的p元素

兄弟節點div, +~選擇器不能向前選擇

選擇器span元素

span後第乙個兄弟節點div

兄弟節點div

子元素div

兄弟節點span,不可選

兄弟節點div

jQuery選擇器之層級選擇器

若要通過dom 元素之間的層次關係來獲取元素,如後代元素,子元素,相鄰元素和同輩元素,使用jquery的層次選擇器將會是最佳選擇。jquery層次選擇器和css的層次選擇器相同,他們都是根據獲取元素與其父元素,子元素,兄弟元素等的關係而構成的選擇器。jquery中有四種層次選擇器 後代選擇器 子選擇...

jquery選擇器之層級過濾選擇器

ancestor descendant 選取parent元素後所有的child元素 parent child 選取parent元素後所有的直屬child元素,何謂 直屬 也就是第一級的意思了 prev next prev和next是兩個同級別的元素.選中在prev元素後面的next元素 prev s...

jsp層級選擇器 jQuery 選擇器

1.基本選擇器 id id選擇器 div 元素選擇器 classname 類選擇器 classname,classname1,id1 組合選擇器 2.層次選擇器 id classname 子元素選擇器 id classname 後代元素選擇器 id classname 緊鄰下乙個元素選擇器 id c...