jquery的eq

jQuery 的 eq() 方法

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

语法

$(selector).eq(index)

• selector: jQuery 选择器，用于匹配元素集合。
• index: 要选择的元素的索引（从 0 开始）。支持负数索引（从集合末尾开始计数）。

示例

选择第一个 <div> 元素：

$("div").eq(0).css("color", "red");

选择最后一个 <div> 元素（使用负数索引）：

$("div").eq(-1).css("color", "blue");

与 get() 的区别

• eq() 返回 jQuery 对象，可以继续链式调用其他 jQuery 方法。
• get() 返回原生 DOM 元素，无法直接使用 jQuery 方法。

实际应用

遍历多个元素并对特定索引的元素进行操作：

$("li").each(function(index) {
  if (index === 2) {
    $(this).eq(index).addClass("highlight");
  }
});

注意事项

• 索引超出范围时返回空 jQuery 对象，不会报错。
• 常用于动态生成的元素集合或需要精确控制特定位置元素的场景。