jquery中eq

eq() 方法的作用

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

基本语法

$(selector).eq(index)

• selector：用于选择元素的 jQuery 选择器。
• index：要选取的元素的索引值，可以是正数（从前往后）或负数（从后往前）。

使用示例

选取正数索引

// 选取所有 <li> 元素中的第二个元素（索引为 1）
$("li").eq(1).css("color", "red");

选取负数索引

// 选取所有 <li> 元素中的倒数第二个元素（索引为 -2）
$("li").eq(-2).css("color", "blue");

链式调用

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

// 选取第三个 <div> 元素并隐藏
$("div").eq(2).hide();

与 get() 方法的区别

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

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

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

动态索引示例

可以通过变量动态指定索引：

var index = 3;
$("p").eq(index).addClass("highlight");

注意事项

• 如果索引超出范围（大于等于元素数量或小于负的元素数量），eq() 会返回一个空的 jQuery 对象。
• eq() 方法与 :eq() 选择器功能类似，但 :eq() 是选择器的一部分，而 eq() 是 jQuery 方法。