首頁 > web前端 > js教程 > jQuery中:eq()選擇器用法實例_jquery

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

WBOY
發布: 2016-05-16 16:23:34
原創
1026 人瀏覽過

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

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

語法結構:

複製程式碼 程式碼如下:
$(":eq(index)")



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

實例碼:

實例一:

複製程式碼 程式碼如下:






:eq選擇器-腳本之家





     
  • html專區

  •  
  • div css專區

  •  
  • jQuery專區

  •  
  • Javascript專區





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

實例二:

複製程式碼 程式碼如下:






:eq選擇器-腳本之家





     
  • html專區

  •  
  • div css專區

  •  
  • jQuery專區

  •  
  • Javascript專區



 

腳本之家歡迎您


  太陽出來了




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

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

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