jquery層次選擇器的介紹
更新時間：2019年01月18日 09:34:09 作者：muzidigbig
今天小編就為大家分享一篇關于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(包含子孫后代)
若有不足請多多指教！希望給您帶來幫助！
總結
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，謝謝大家對腳本之家的支持。如果你想了解更多相關內容請查看下面相關鏈接
相關文章
利用選擇器，選擇要被操作的html中的元素。2010-02-02
獲取當前連接的連接地址。2009-05-05
JavaScript中利用jQuery綁定事件的幾種方式小結
這篇文章主要介紹了JavaScript中利用jQuery綁定事件的幾種方式小結,包括不調用jQuery的"原生js"實現方式,需要的朋友可以參考下2016-03-03
這篇文章主要介紹了jQuery正則驗證注冊頁面功能,涉及針對用戶名、密碼、郵箱、手機號等的正則驗證操作技巧,需要的朋友可以參考下2017-06-06
本文主要對基于jQuery實現的常用小案例進行匯總，具有一定的參考價值，需要的朋友一起來看下吧2016-12-12
這篇文章主要介紹了jQuery實現每隔幾條元素增加1條線的方法,可實現每隔10條li元素增加一條虛線的功能,涉及jQuery元素的匹配與屬性動態(tài)設置技巧,需要的朋友可以參考下2016-06-06
下面小編就為大家?guī)硪黄猨Query中each循環(huán)的跳出和結束實例。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
下面小編就為大家?guī)硪黄猨query過濾特殊字符',防sql注入的實現方法。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
這篇文章主要為大家詳細介紹了jQuery實現單擊按鈕遮罩彈出對話框效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
本文給大家分享的是jQuery實現購物車數字加減效果的3種實現方法，分別是左右加減數字、Bootstrap風格，右側加減以及jQuery ui風格，右側加減，效果非常棒，需要的小伙伴來參考下吧。2015-03-03