jquery eq

jQuery eq() 方法详解

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

语法

$(selector).eq(index)

• selector：用于选择元素的 jQuery 选择器。
• index：要获取的元素的索引（从 0 开始）。可以是正整数或负整数（负整数表示从集合末尾开始倒数）。

示例用法

获取正索引元素

// 获取第一个 <li> 元素（索引为 0）
$("li").eq(0).css("color", "red");

获取负索引元素

// 获取最后一个 <li> 元素（索引为 -1）
$("li").eq(-1).css("color", "blue");

链式操作

// 选择所有 <p> 元素，获取第二个元素并添加类
$("p").eq(1).addClass("highlight");

与 get() 的区别

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

// eq() 返回 jQuery 对象
$("li").eq(0).css("color", "red");

// get() 返回 DOM 元素
$("li").get(0).style.color = "red";

实际应用场景

• 操作表格中的特定行。
• 处理列表中的特定项。
• 动态修改轮播图中的当前幻灯片。

注意事项

• 如果索引超出集合范围，eq() 会返回一个空的 jQuery 对象，不会报错。
• 负索引从 -1 开始（-1 表示最后一个元素，-2 表示倒数第二个，以此类推）。

通过合理使用 eq() 方法，可以高效地操作 DOM 集合中的特定元素。