jquery eq

jQuery eq() 方法详解

eq() 是 jQuery 中的一个核心方法，用于从匹配的元素集合中选取指定索引位置的元素。它返回一个包含单个元素的 jQuery 对象。

语法

$(selector).eq(index)

• index: 从 0 开始的整数，表示要选取的元素在集合中的位置。支持负数索引（从末尾开始计数）。

使用示例

选取列表中的第二个 <li> 元素：

$("li").eq(1).css("color", "red");

使用负数索引选取倒数第二个 <div>：

$("div").eq(-2).addClass("highlight");

与 :eq() 选择器的区别

• eq() 是一个方法，作用于已匹配的 jQuery 对象。
• :eq() 是选择器，直接在 DOM 查询时过滤元素：

  $("li:eq(1)").css("color", "blue"); // 效果与 eq(1) 相同

链式操作示例

eq() 可以与其他 jQuery 方法链式调用：

$("p").eq(2).hide().fadeIn(1000);

注意事项

• 如果索引超出范围（如 $("div").eq(10) 但只有 5 个 div），会返回空 jQuery 对象而非报错。
• 与原生 JavaScript 的数组索引不同，jQuery 对象的 eq() 会返回新的 jQuery 对象，而非 DOM 元素本身。如需获取 DOM 元素，需使用 get(index)。

实际应用场景

• 动态操作表格中的特定行
• 轮播图中定位到指定幻灯片
• 表单中批量处理时针对某个输入框单独设置样式