首頁 > web前端 > js教程 > jquery選擇器之層級過濾選擇器詳解_jquery

jquery選擇器之層級過濾選擇器詳解_jquery

WBOY
發布: 2016-05-16 17:02:19
原創
1256 人瀏覽過

複製程式碼 程式碼如下:

$("ancestor descendant"):選取後選取元素後所有的child元素
$("parent > child"):選取parent元素後所有的直屬child元素,何謂“直屬”,也就是第一級的意思了
$("prev next"): prev和next是兩個同等級的元素. 選取在prev元素後面的next元素
$("prev ~ siblings"):選擇prev後面的根據siblings過濾的元素。註:siblings是過濾器

後兩個用的比較少,一般會有其他選擇器替代
複製代碼 程式碼如下:

$("prev next")等價於next()
$("prev ~ siblings")等價於nextAll()

實例:
複製程式碼 程式碼如下:

>

複製程式碼 程式碼如下:
第一個DIV裡面的P元素。
    

    

第一個單P元素。


    

     DIV裡面的SPAN元素。
     

第二個DIV裡面的P元素。


     
      

DIV裡面的SPAN裡面的P元素。


     

    

    
       th>C
      

      
       
    
1 2 3

    

第二個單一P元素。


     單SPAN元素。
 
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板