jQuery|"eq"选择器

作者: 明明德撩码 | 来源:发表于2017-12-31 16:01 被阅读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>
image.png

相关文章

  • jQuery|"eq"选择器

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

  • jquery选择器书目录

    jquery选择器-基本选择器 jquery选择器-层级选择器 jquery选择器-基本过滤选择器 jquery选...

  • JQUERY一

    jQuery 元素选择器 jQuery 属性选择器 jQuery CSS 选择器 jQuery 事件 jQuery...

  • jQuser有选择器

    jQuery基本选择器 jQuery过滤选择器 jQuery层级选择器 jQuery筛选选择器(方法)

  • 选择器

    jQuery 元素选择器 jQuery 属性选择器 jQuery CSS 选择器

  • jQuery 基础

    jQuery jQuery操作DOM jQuery的选择器 基本选择器 层级选择器 过滤选择器 jQuery操作样...

  • jQuery

    jQuery jQuery操作DOM jQuery的选择器 基本选择器 层级选择器 过滤选择器 jQuery操作样...

  • jQuery选择器

    一、jQuery常用选择器 二、jQuery选择器优势 三、jQuery常用基本选择器 四、jQuery常用层次选...

  • JQuery基础知识

    jQuery操作DOM jQuery的选择器 基本选择器 层级选择器 过滤选择器 jQuery操作样式 css操作...

  • jQuery相关知识

    1、什么是jQuery选择器? jQuery选择器

网友评论

    本文标题:jQuery|"eq"选择器

    本文链接:https://www.haomeiwen.com/subject/ybhagxtx.html