當前位置:才華齋>設計>網頁設計>

jQuery中:eq()選擇器的用法例項

網頁設計 閱讀(2.57W)

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

jQuery中:eq()選擇器的用法例項

此選擇器匹配一個給定索引值的元素。

元素的位置索引從0算起。

語法結構:

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

此選擇器一般也要和其他選擇器配合使用,比如類選擇器和元素選擇器等等。例如:

複製程式碼 程式碼如下:$("li:eq(1)")("color","green")

以上程式碼是將li元素集合中索引為1(也就是第二個li)的li中的.字型顏色設定為綠色。

如果不和其他選擇器配合使用,則預設狀態是和*選擇器配合使用,例如$(":eq()")等同於$("*:eq()")。

引數列表:

引數 描述 index 給定的索引值。

例項程式碼:

例項一:

複製程式碼 程式碼如下:

<meta charset=" utf-8"/>

<meta name="author" content="/"/>

<title>:eq選擇器-</title>

<script type="text/javascript" src="mytest/jQuery/"></script>