您好,登錄后才能下訂單哦!
小編給大家分享一下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(包含子孫后代)
以上是“jquery層次選擇器的示例分析”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。