jquery层次选择器：空格 > next() + nextAll() ~ siblings() prev() prevAll() find()的区别

jquery层次选择器

jquery层次选择器，包括空格、>、next、+、nextAll、~、siblings、prev()、prevAll()等函数或表达式。
1、空格表示获取所有子孙后代元素
2、 >表示获取一级子元素
3、next函数获取紧接在之后的同辈元素列表
4、nextAll函数表示获取之后的所有同辈元素列表
5、siblings函数表示获取所有同辈元素列表，无论前后

6、+表示紧接在之后的同辈列表

7、~表示匹配之后所有的同辈元素

8、prev()获取之前的同辈元素列表

9、prevAll()获取之前所有的同辈元素列表

10、find()获取之后所有的子元素

代码如下：

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

 

 

若有不足请多多指教！希望给您带来帮助！