jquery中eq

jQuery 中的 eq() 方法

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

语法

$(selector).eq(index)

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

示例

假设有以下 HTML 结构：

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

选择第一个 <li> 元素（索引 0）：

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

结果：Item 1 的文本颜色变为红色。

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

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

结果：Item 3 的文本颜色变为蓝色。

与 :eq() 选择器的区别

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

示例对比：

// 使用 :eq() 选择器
$("li:eq(1)").css("color", "green");

// 使用 eq() 方法
$("li").eq(1).css("color", "green");

两者效果相同：Item 2 的文本颜色变为绿色。

链式调用

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

$("li").eq(1).addClass("highlight").fadeOut(1000);

效果：选中第二个 <li> 元素，添加 highlight 类，并淡出消失。

注意事项

• 如果索引超出范围（如 eq(10)），返回的 jQuery 对象为空，不会报错。
• eq() 不修改原始 jQuery 对象，而是返回一个新的对象。