jquery層次選擇器的介紹

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

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

總結

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com