jquery层次选择器：空格 > next + nextAll ~ siblings

全栈工程师开发手册 （作者：栾鹏）

jquery系列教程1-选择器全解

jquery层次选择器

jquery层次选择器，包括空格、>、next、+、nextAll、~、siblings等函数或表达式。

1、空格表示获取所有子孙后代元素

2、 >表示获取一级子元素

3、next函数获取紧接在之后的同辈元素列表

4、nextAll函数表示获取之后的所有同辈元素列表

5、siblings函数表示获取所有同辈元素列表，无论前后

代码如下：

$("#myid a");                   //获取所有子孙后代元素列表
$("#myid>a");                   //获取一级子元素列表（不包含孙元素）
$("#myid").next("a");           //获取紧接在之后的同辈元素列表，等价于$("#myid+a");
$("#myid").nextAll("a");        //获取之后的所有同辈元素列表，等价于$("#myid~a");
$("#myid").siblings("a");       //获取所有同辈元素列表，无论前后