jquery 层次选择器

通过层次选择器，就可以通过DOM之间的层次关系来获取特定元素，例如

后代元素、子元素、相邻元素和同辈元素。

层次选择器：以举例说明如下，

后代选择器：$('div p')：选择div中的所有子元素p，返回的是集合元素。

 

子选择器：$('div>p')：选择div下的子元素，选的是div下的第一层级的p元素。返回的是集合元素。

兄弟选择器：$('div+p')：选择div后的下一个p元素，此时div与p是同辈元素。返回的是集合元素。

同级兄弟选择器：$('div~p')：选择div中之后的所有同辈的p元素。返回的是集合元素。

使用next()方法可以用来代替兄弟选择器。例如：$('div+p')等价于$('div').next('p');

同时也可以使用nextAll( )方法来代替同级兄弟选择器。例如：$('div~p')等价于$('div').nextAll('p')。