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