jQuery|"eq"选择器-CSDN博客

列表中根据下标index选择元素。
样例：$("ul li:eq(3)") 列表中的第四个元素（index 值从 0 开始）

实例

选取第二个 <p> 元素：

$("p:eq(1)")

定义和用法

:eq() 选择器选取带有指定 index 值的元素。

index 值从 0 开始，所以第一个元素的 index 值是 0（不是 1）。

最常见的用法：与其他选择器一起使用，选取指定组合中指定索引的元素（如上面的实例）。

语法

$(":eq(index)")
参数
index 必需。规定元素的索引。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title> 
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("p:eq(1)").css("background-color","yellow");
});
</script>
</head>
<body>

<h1>技术梦想</h1>
<p class="intro">教程</p>
<p>学的不仅是技术，更是梦想！</p>
<p>学的不仅是技术，更是梦想！</p>

<p>你最喜欢的网站:</p>
<ul id="choose">
<li>Google</li>
<li>Taobao</li>
<li>baidu</li>
</ul>

</body>
</html>

image.png