当前位置:首页 > jquery

jquery .eq

2026-03-02 19:50:53jquery

jQuery .eq() 方法

.eq() 是 jQuery 中的一个方法,用于从匹配的元素集合中选取指定索引位置的元素。它返回一个包含单个元素的 jQuery 对象,类似于数组索引访问。

jquery .eq

语法

$(selector).eq(index)
  • index:一个整数,表示元素的索引位置(从 0 开始)。负数表示从末尾倒数(如 -1 表示最后一个元素)。

示例

基本用法

jquery .eq

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

// 选取最后一个 <div> 元素
$("div").eq(-1).addClass("highlight");

:eq() 选择器的区别

  • .eq() 是一个方法,作用于已选中的 jQuery 对象。
  • :eq() 是一个选择器,直接在初始选择时过滤元素。
    
    // 使用 :eq() 选择器
    $("li:eq(1)").css("color", "blue");

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


链式调用  
`.eq()` 可以与其他 jQuery 方法链式调用:  
```javascript
$("ul li")
  .eq(2)
  .css("background", "yellow")
  .text("Third Item");

注意事项

  • 如果索引超出范围(如大于等于集合长度或小于 -length),返回空的 jQuery 对象。
  • .eq() 适用于动态调整选中的元素,而 :eq() 在初始选择时固定。

替代方案

  • 使用原生 JavaScript 的数组索引:
    $("li")[1]; // 返回 DOM 元素(非 jQuery 对象)
  • 使用 .get(index) 获取 DOM 元素:
    $("li").get(1); // 等效于 $("li")[1]

通过 .eq() 可以灵活操作 jQuery 对象中的特定元素,适合在链式调用中精确控制目标。

标签: jqueryeq
分享给朋友:

相关文章

jquery怎么读

jquery怎么读

jQuery的正确发音 jQuery的发音为 "jay-query"(/ˈdʒeɪkwɪəri/)。其中: "jay" 发音类似字母 "J" 的英文读法。 "query" 发音与英文单词 "qu…

jquery版本

jquery版本

jQuery 的版本历史及当前状态如下: 当前稳定版本 jQuery 的最新稳定版本是 3.6.4(发布于 2023 年 3 月),支持现代浏览器并修复了部分安全问题。 主要版本分支 jQu…

jquery实现vue

jquery实现vue

jQuery 和 Vue.js 是两种不同理念的前端工具,前者基于 DOM 操作,后者基于数据驱动。虽然 Vue 可以替代 jQuery 的大部分功能,但若需在 Vue 中临时集成 jQuery 或模…

jquery添加

jquery添加

jQuery 添加元素的方法 在jQuery中,添加元素到DOM有多种方式,可以根据需求选择合适的方法。 append() 将内容插入到选定元素的内部末尾处。 $("#container").ap…

jquery 显示

jquery 显示

jQuery 显示元素的方法 使用 jQuery 显示隐藏的元素可以通过多种方式实现,以下是几种常见的方法: 显示元素的基本方法 $("#element").show(); 这会直接将匹配的元素设置…

jquery 隐藏

jquery 隐藏

jQuery 隐藏元素的方法 使用 jQuery 隐藏元素可以通过多种方式实现,以下是几种常见的方法: hide() 方法hide() 是最简单的隐藏元素方法,它会将元素的 display 属性设置…