当前位置：首页 > jquery

jquery 索引

2026-04-08 03:14:19jquery

jQuery 索引方法

jQuery 提供了多种方法来通过索引选择元素，以下是常用的几种方法：

eq() 方法 eq() 方法用于根据索引选择元素，索引从 0 开始。例如：

jquery 索引

$("li").eq(2).css("color", "red"); // 选择第三个 li 元素并设置红色

:eq() 选择器 :eq() 选择器与 eq() 方法功能类似，但直接在选择器中使用：

jquery 索引

$("li:eq(2)").css("color", "red"); // 效果同上

get() 方法 get() 方法用于获取指定索引的 DOM 元素（非 jQuery 对象）：

$("li").get(2).style.color = "red"; // 直接操作 DOM 元素

:nth-child() 选择器 :nth-child() 选择器可以基于元素在其父元素中的位置选择：

$("li:nth-child(3)").css("color", "red"); // 选择父元素下第三个 li

索引相关注意事项

正向索引从 0 开始，负向索引从 -1 开始（表示倒数第一个元素）。
eq() 和 :eq() 的区别：前者是方法，后者是选择器。
get() 返回的是 DOM 元素，而 eq() 返回的是 jQuery 对象。

示例代码

// 使用 eq() 方法
$("div").eq(1).addClass("highlight");

// 使用 :eq() 选择器
$("div:eq(1)").addClass("highlight");

// 使用 get() 方法
var secondDiv = $("div").get(1);
$(secondDiv).addClass("highlight");

// 使用负索引
$("div").eq(-2).addClass("highlight"); // 选择倒数第二个 div

这些方法可以灵活组合使用，根据具体需求选择最合适的方式。