jQuery|"eq"选择器

简介: 列表中根据下标index选择元素。样例:$("ul li:eq(3)") 列表中的第四个元素(index 值从 0 开始)实例选取第二个 元素:$("p:eq(1)")定义和用法:eq() 选择器选取带有指定 index 值的元素。

列表中根据下标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
目录
相关文章
N..
|
4月前
|
JavaScript 前端开发 开发者
jQuery选择器
jQuery选择器
N..
36 1
|
4月前
|
JavaScript
jquery的9大选择器
jquery的9大选择器
50 2
|
3月前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器
26 0
|
3月前
|
JavaScript 前端开发 索引
jQuery的选择器与自带函数详解
jQuery的选择器与自带函数详解
|
9天前
|
JavaScript
jQuery 选择器
jQuery 选择器
19 3
|
14天前
|
JavaScript 索引
jQuery 选择器
jQuery 选择器
22 1
|
1月前
|
JavaScript 索引
jQuery的选择器有几种?
jQuery的选择器有几种?
29 1
|
4月前
|
JavaScript 前端开发 搜索推荐
JQuery EasyUI -- 日历选择器,2024年最新程序员经验分享
JQuery EasyUI -- 日历选择器,2024年最新程序员经验分享
|
4月前
|
JavaScript 前端开发
【Web 前端】 jQuery 里的 ID 选择器和 class 选择器有何不同?
【5月更文挑战第1天】【Web 前端】 jQuery 里的 ID 选择器和 class 选择器有何不同?
|
4月前
|
JavaScript 索引
jQuery 选择器有几种,分别是什么
jQuery 选择器有几种,分别是什么
61 5