层级选择器

 

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一个选择器来过滤第一选择器以下的兄弟元素。