jQuery | eq() 与示例

jQuery 是一个非常强大的工具，它帮助我们结合各种 DOM 遍历方法来随机或按顺序选择文档中的元素。大多数 DOM 遍历方法不会修改元素，否则它们会根据给定的条件将它们过滤掉。
eq() 方法是 jQuery 中的一个内置方法，用于直接定位所选元素并返回具有特定索引的元素。
句法：

$(selector).eq(index)

参数：这里参数“index”指定元素的索引。
可以是正数也可以是负数。
笔记：

• 索引号始终从 0 开始，因此第一个数字的索引号为 0（不是 1）。
• 使用负数作为索引从列表末尾开始索引计数。

显示 eq() 方法工作的 jQuery 代码：
代码#1：
下面的代码将选择指定的元素。

  

    GeeksForGeeks articles
    
    
        $(document).ready(function() {
            $(".heading").eq(0).css("color", "red");
            $(".heading").eq(2).css("color", "yellow");
        });
    

  

    GeeksForGeeks
    GeeksForGeeks
    GeeksForGeeks
    GeeksForGeeks

  

输出：

代码#2：
下面的代码将选择具有负索引的指定元素。

  

    GeeksForGeeks articles
    
  
    
        $(document).ready(function() {
            $(".heading").eq(-2).addClass("style");
            $(".heading").eq(-4).addClass("style");
  
        });
    
    
        .style {
            color: red;
            font-family: fantasy;
            font-size: 20px;
        }
    

  

    
        GeeksForGeeks
        GeeksForGeeks
        GeeksForGeeks
        GeeksForGeeks
    

  

输出：

jQuery：eq() 与 get()

• .eq() 将它作为一个 jQuery 对象返回，这意味着 DOM 元素被包裹在 jQuery 包装器中，这意味着它接受 jQuery 函数。
• .get() 返回原始 DOM 元素的数组。