jQuery|"eq"选择器
2017-12-31 本文已影响16人
明明德撩码
列表中根据下标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>
![](https://img.haomeiwen.com/i4176128/29bdeb6be09769c6.png)