jquery層次選擇器的示例分析

小編給大家分享一下jquery層次選擇器的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供托克遜網(wǎng)站建設(shè)、托克遜做網(wǎng)站、托克遜網(wǎng)站設(shè)計(jì)、托克遜網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、托克遜企業(yè)網(wǎng)站模板建站服務(wù)，10余年托克遜做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

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(包含子孫后代)

以上是“jquery層次選擇器的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)頁標(biāo)題：jquery層次選擇器的示例分析
路徑分享：http://muchs.cn/article36/jehdsg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營銷型網(wǎng)站建設(shè)、關(guān)鍵詞優(yōu)化、商城網(wǎng)站、網(wǎng)頁設(shè)計(jì)公司、外貿(mào)網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)