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

複製程式碼 程式碼如下:

$("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元素。