jquery層次選擇器的介紹

更新時(shí)間：2019年01月18日 09:34:09 作者：muzidigbig

今天小編就為大家分享一篇關(guān)于jquery層次選擇器的介紹，小編覺(jué)得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧

jquery層次選擇器

jquery層次選擇器，包括空格、>、next、+、nextAll、~、siblings、prev()、prevAll()等函數(shù)或表達(dá)式。

1、空格表示獲取所有子孫后代元素

2、 >表示獲取一級(jí)子元素

3、next函數(shù)獲取緊接在之后的同輩元素列表

4、nextAll函數(shù)表示獲取之后的所有同輩元素列表

5、siblings函數(shù)表示獲取所有同輩元素列表，無(wú)論前后

6、+表示緊接在之后的同輩列表

7、~表示匹配之后所有的同輩元素

8、prev()獲取之前的同輩元素列表

9、prevAll()獲取之前所有的同輩元素列表

10、find()獲取之后所有的子元素

代碼如下：

  $("#myid a"); //獲取所有子孫后代元素列表 
  $("#myid>a"); //獲取一級(jí)子元素列表（不包含孫元素） 
  $("#myid").next("a"); //獲取緊接在之后的同輩元素列表，等價(jià)于$("#myid+a"); 
  $("#myid").nextAll("a"); //獲取之后的所有同輩元素列表，等價(jià)于$("#myid~a"); 
  $("#myid").siblings("a"); //獲取所有同輩元素列表，無(wú)論前后
  $("#myid").prev("a"); //獲取緊接在之后的同輩元素列表
  $("#myid").find("a"); //獲取后代元素中所有的a(包含子孫后代)

若有不足請(qǐng)多多指教！希望給您帶來(lái)幫助！

總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，謝謝大家對(duì)腳本之家的支持。如果你想了解更多相關(guān)內(nèi)容請(qǐng)查看下面相關(guān)鏈接

您可能感興趣的文章:

相關(guān)文章

jQuery學(xué)習(xí)2 選擇器的使用說(shuō)明
利用選擇器，選擇要被操作的html中的元素。
2010-02-02
jquery控制div下所有連接
獲取當(dāng)前連接的連接地址。
2009-05-05
JavaScript中利用jQuery綁定事件的幾種方式小結(jié)
這篇文章主要介紹了JavaScript中利用jQuery綁定事件的幾種方式小結(jié),包括不調(diào)用jQuery的"原生js"實(shí)現(xiàn)方式,需要的朋友可以參考下
2016-03-03
jQuery正則驗(yàn)證注冊(cè)頁(yè)面經(jīng)典實(shí)例
這篇文章主要介紹了jQuery正則驗(yàn)證注冊(cè)頁(yè)面功能,涉及針對(duì)用戶名、密碼、郵箱、手機(jī)號(hào)等的正則驗(yàn)證操作技巧,需要的朋友可以參考下
2017-06-06
jQuery 常見(jiàn)小例匯總
本文主要對(duì)基于jQuery實(shí)現(xiàn)的常用小案例進(jìn)行匯總，具有一定的參考價(jià)值，需要的朋友一起來(lái)看下吧
2016-12-12
jQuery實(shí)現(xiàn)每隔幾條元素增加1條線的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)每隔幾條元素增加1條線的方法,可實(shí)現(xiàn)每隔10條li元素增加一條虛線的功能,涉及jQuery元素的匹配與屬性動(dòng)態(tài)設(shè)置技巧,需要的朋友可以參考下
2016-06-06
jQuery中each循環(huán)的跳出和結(jié)束實(shí)例
下面小編就為大家?guī)?lái)一篇jQuery中each循環(huán)的跳出和結(jié)束實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-08-08
jquery過(guò)濾特殊字符'',防sql注入的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇jquery過(guò)濾特殊字符',防sql注入的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-08-08
jQuery實(shí)現(xiàn)單擊按鈕遮罩彈出對(duì)話框效果(2)
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)單擊按鈕遮罩彈出對(duì)話框效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-02-02
jQuery實(shí)現(xiàn)購(gòu)物車(chē)數(shù)字加減效果
本文給大家分享的是jQuery實(shí)現(xiàn)購(gòu)物車(chē)數(shù)字加減效果的3種實(shí)現(xiàn)方法，分別是左右加減數(shù)字、Bootstrap風(fēng)格，右側(cè)加減以及jQuery ui風(fēng)格，右側(cè)加減，效果非常棒，需要的小伙伴來(lái)參考下吧。
2015-03-03