jQuery中:first選擇器用法實例_jquery

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

此選擇器符合指定元素集合中的第一個元素。

語法結構:

複製代碼 代碼如下:

$(":first")

使用上一般要和其他選擇器搭配使用，例如類別選擇器和元素選擇器等等。例如:

複製程式碼 程式碼如下:

$("li:first").css("color","green" )

以上程式碼能夠將li元素集合中的第一個li元素中的字體顏色設定為綠色。
如果不和其他選擇器配合使用，則預設狀態是和*選擇器配合使用，例如$(":first")等同於$("*:first")。

實例碼:

實例一:

複製程式碼 程式碼如下:

 

   
• html專區

   
• div css專區

   
• jQuery專區

   
• Javascript專區

 

點選查看效果

以上程式碼能夠將li元素集合中的第一個li元素中的字體顏色設定為綠色。

實例二:

複製程式碼 程式碼如下:

 

   
• html專區

   
• div css專區

   
• jQuery專區

   
• Javascript專區

 

 

    腳本之家
    太陽出來了
 

點選查看效果

以上程式碼由於沒有指定與:first選擇器相符的選擇器，那麼預設將會和*選擇器搭配使用，所以上面的程式碼將會將所有元素中的字體顏色設為綠色。

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