jQuery eq() 方法

  • 定义和用法

    eq() 方法返回带有被选元素的指定索引号的元素。
    索引号从 0 开头,所以第一个元素的索引号是 0(不是 1)。
  • 语法

    $(selector).eq(index)
  • 参数

    参数 必需的 描述
    index
    规定元素的索引。可以是整数或负数。
    注意:使用负数将从被选元素的结尾开始计算索引。
  • 实例

    下例演示了返回了选择第二个p元素设置背景为红色:
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>欢迎来到菜鸟教程</title>
    //此版本是百度cdn 1.11.1,当然你可以使用更高的版本,从2.0版本以上的是不支持ie6-8的
    <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            $("p").eq(1).css("background-color", "red");
        });
    </script>
    </head>
    <body>
        <h1>欢迎访问菜鸟教程</h1>
        <p>菜鸟教程 (index 0).</p>
        <p>https://www.cainiaoya.com (index 1)。</p>
        <p>google (index 2).</p>
        <p>http://www.google.com (index 3)。</p>
    </body>
    </html>
    
    尝试一下