層級選擇器

 

1 祖先後代選擇器

jQuery('ancestor descendant') ancestor 任何有效的選擇器,descendant一個用來篩選後代元素的選擇器。

$("form input").css("border", "2px dotted blue"); form 表示是祖先選擇器,input表示是後代選擇器;

 2 父子選擇器

jQuery('parent > child')

parent任何有效的選擇器。

child一個用來篩選子元素的選擇器。

$("ul.topnav > li").css("border", "3px double red");選擇所有通過“parent”給定的元素直接子元素,該子元素“child”給定。

3 某個節點後的所有同級元素

jQuery('prev ~ siblings')  匹配‘prev’元素之後的所有sibings元素;

prev任何有效的選擇器,siblings一個選擇器來過濾第一選擇器以下的兄弟元素。

發佈了41 篇原創文章 · 獲贊 1 · 訪問量 6萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章