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一個選擇器來過濾第一選擇器以下的兄弟元素。