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(包含子孫后代)

若有不足請多多指教！希望給您帶來幫助！

總結

以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，謝謝大家對錯新站長站的支持。如果你想了解更多相關內容請查看下面相關鏈接