jQuery 關於偽類選擇符的使用說明_jquery

   jQuery選擇器的強大不僅在於選擇器支援基本的css選擇符，還支援許多CSS的偽類選擇符，甚至可以自訂選擇符，以下讓我們來看看一些偽類選擇符

  :nth-child的用法
         nth-child是css3偽類選擇符,在jQuery實現了，在Jquery API中對nth-child的定義是：」符合其父元素下的第N個子或奇偶元素」。讀著感覺有點繞口，下面讓我們用例子來說明:

複製程式碼 程式碼如下:

   

   
• one

   
• two

   
• three
four
   
• five

   
• six

   
• seven

   
• eight

   
• nine

   

   

   
• 1

  li>3
   
• 4

   
• 5

   
• 6

   
• 7
 
• 6

   >
   
• 8

   
• 9

   

   

  
        $("li:nth-child(2)").css("background-color", "blue");
   

   

運作效果如下:  

    

API定義中的符合其父輩指的是所選元素的父元素不同，則分開選擇。在上面例子中雖然一共選擇18個

但是這18

分屬於2個不同的

,所以會選擇兩個.如果將其放入同一個
中，如果放入同一個
執行上面程式碼，則：

理解了上面匹配父輩元素，下面來說說這個選擇符參數的用法.

向上面那樣直接給出選擇的位置，但是這裡注意，這個位置是以1為開始的，而不是0 n個倍數選擇法，比如可以使3n 1,-3n 1，4n,等，匹配所有頁面上存在的n的倍數

範例:複製程式碼

程式碼如下:

   

one

   

two

   

three

   

four

li>five
   

six

   

seven

   

eight

 >