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