jquery .eq

jQuery .eq() 方法

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

语法

$(selector).eq(index)

• index：整数，表示要选取的元素的索引位置。可以是正数（从 0 开始）或负数（从末尾开始，-1 表示最后一个元素）。

示例

选取第一个 <li> 元素：

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

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

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

与 .get() 的区别

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

示例对比：

// 使用 .eq()（返回 jQuery 对象）
$("li").eq(0).css("color", "green");

// 使用 .get()（返回 DOM 元素）
$("li").get(0).style.color = "yellow";

实际应用场景

• 动态操作表格中的某一行。
• 轮播图中切换到特定幻灯片。
• 从列表中高亮显示特定项。

注意事项

• 如果索引超出范围（如大于等于集合长度或小于负的集合长度），.eq() 会返回一个空的 jQuery 对象。
• 结合其他 jQuery 方法（如 .filter() 或 .slice()）可以实现更复杂的选择逻辑。