jQuery中:eq()選擇器用法實例_jquery

本文實例講述了jQuery中:eq()選擇器用法。分享給大家供大家參考。具體分析如下：

此選擇器符合一個給定索引值的元素。
元素的位置索引從0算起。

語法結構:

複製程式碼 程式碼如下:

$(":eq(index)")

参数	描述
index	给定的索引值。

> 此選擇器一般也要和其他選擇器搭配使用，例如類別選擇器和元素選擇器等等。例如: 複製程式碼 程式碼如下:$("li:eq(1)").css("color", "green") 以上程式碼是將li元素集合中索引為1（也就是第二個li）的li中的字體顏色設定為綠色。 如果不和其他選擇器搭配使用，則預設狀態是和*選擇器搭配使用，例如$(":eq()")等同於$("*:eq()")。 參數列表:

實例碼:

實例一:

複製程式碼 程式碼如下:

 
• html專區

 
• div css專區

 
• jQuery專區

 
• Javascript專區

點選查看效果

以上程式碼能夠將li元素集合中，索引值為1的li元素中的字體顏色設定為綠色，因為索引值是從0開始的，所以以上程式碼是將第二個li中的字體顏色設定為綠色。

實例二:

複製程式碼 程式碼如下:

 
• html專區

 
• div css專區

 
• jQuery專區

 
• Javascript專區

 

腳本之家歡迎您

  太陽出來了

點選查看效果

由於以上程式碼並沒有指定與:eq()選擇器相配合使用的選擇器，所以就預設和*選擇器配合使用，能夠匹配所有元素，這樣就會將索引值為10的元素中的字體顏色設定為綠色。

希望本文所述對大家的jQuery程式設計有所幫助。