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、 >表示獲取一級(jí)子元素

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

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

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

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"); //獲取所有同輩元素列表，無論前后
  $("#myid").prev("a"); //獲取緊接在之后的同輩元素列表
  $("#myid").find("a"); //獲取后代元素中所有的a(包含子孫后代)

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

總結(jié)

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

您可能感興趣的文章:

相關(guān)文章

JQuery實(shí)現(xiàn)鼠標(biāo)移動(dòng)圖片顯示描述層的方法
這篇文章主要介紹了JQuery實(shí)現(xiàn)鼠標(biāo)移動(dòng)圖片顯示描述層的方法,涉及jQuery鼠標(biāo)事件及動(dòng)畫效果的使用技巧,需要的朋友可以參考下
2015-06-06
Javascript jquery css 寫的簡(jiǎn)單進(jìn)度條控件
很多的時(shí)候用戶需要等待你“臃腫”的 Javascript 代碼處理完成（Web 2.0 的特色）。期間或許加入一個(gè)類似于進(jìn)度條的東西讓用戶有點(diǎn)“安慰”。這個(gè)東西實(shí)現(xiàn)起來并不復(fù)雜，無非就是獲得總的處理?xiàng)l目，然后獲得一個(gè)百分比，再顯示輸出。
2008-03-03
jquery $(this).attr $(this).val方法使用介紹
$(this).attr(key); 獲取節(jié)點(diǎn)屬性名的值，相當(dāng)于getAttribute(key)方法，本文整理了一些相關(guān)的示例，感興趣的朋友可以參考下
2013-10-10
深入理解JQuery循環(huán)綁定事件
下面小編就為大家?guī)硪黄钊肜斫釰Query循環(huán)綁定事件。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-06-06
如何理解jQuery中的ajaxSubmit方法
本文主要介紹了jQuery中的ajaxSubmit方法的相關(guān)知識(shí)。具有很好的參考價(jià)值。下面跟著小編一起來看下吧
2017-03-03
jqPlot jquery的頁面圖表繪制工具
可能是個(gè)人認(rèn)識(shí)能力有限，一直認(rèn)為僅僅靠html是很難展現(xiàn)稍具動(dòng)態(tài)的圖表的，但是在看到j(luò)qPlot之后，我的認(rèn)識(shí)有了很大改變，jqplpt——基于HTML的圖表展示插件，而且不生成圖片，最可貴的是能生成類似flex的數(shù)據(jù)動(dòng)態(tài)提示以及動(dòng)態(tài)改變數(shù)據(jù)展示范圍等等。
2009-07-07
jQuery實(shí)現(xiàn)帶延時(shí)功能的水平多級(jí)菜單效果【附demo源碼下載】
這篇文章主要介紹了jQuery實(shí)現(xiàn)帶延時(shí)功能的水平多級(jí)菜單效果,可實(shí)現(xiàn)響應(yīng)鼠標(biāo)事件延時(shí)展示菜單的功能,涉及jQuery結(jié)合時(shí)間函數(shù)動(dòng)態(tài)操作頁面元素屬性的相關(guān)技巧,需要的朋友可以參考下
2016-09-09
JQuery each打印JS對(duì)象的方法
一個(gè)簡(jiǎn)單的JQuery each示例，使用each可以輸出JS對(duì)象、json格式的數(shù)據(jù)，大家參考使用吧
2013-11-11
jQuery插件的寫法分享
這幾天在學(xué)習(xí)jQuery插件的寫法，搜索了一些資料，包括jQuery官方的示例，但發(fā)現(xiàn)描述的并不是很清晰。最后，終于搜索到一篇講解比較清晰的文章，這里自己總結(jié)了一下，并以一個(gè)具體的示例來說明jQuery插件的寫法
2013-06-06
基于jquery的合并table相同單元格的插件(精簡(jiǎn)版)
正好項(xiàng)目中有個(gè)小需求, 要求把表格指定列中內(nèi)容相同的單元格進(jìn)行合并,本質(zhì)上涉及的就是td的rowspan屬性, 數(shù)出含相同內(nèi)容單元格的個(gè)數(shù), 然后給第一個(gè)與上一行內(nèi)容不同的td其rowspan屬性附上正確的值即可, 為了能直觀的理解
2011-04-04