当前位置:首页 > jquery

jquery eq

2026-03-02 19:52:21jquery

jQuery .eq() 方法详解

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

语法

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

使用示例

获取第一个匹配元素

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

获取最后一个匹配元素

$('li').eq(-1).css('font-weight', 'bold');

链式操作

$('div').eq(2).find('span').addClass('highlight');

与 .get() 的区别

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

对比示例

// 返回 jQuery 对象
$('li').eq(1).hide();

// 返回 DOM 元素
$('li').get(1).style.display = 'none';

动态索引场景

let index = 2;
$('tr').eq(index).addClass('active');

注意事项

  • 超出范围的索引返回空 jQuery 对象(不会报错)。
  • 常用于表格行、列表项等需要按位置操作的场景。
  • 结合其他筛选方法(如 .filter())可实现更复杂的查询。

该方法提供了一种简洁的方式操作集合中的特定元素,是 jQuery 链式调用的重要组成部分。

jquery eq

标签: jqueryeq
分享给朋友:

相关文章

jquery官网

jquery官网

jQuery 官网信息 jQuery 的官方网站是 jQuery.com,提供最新的 jQuery 版本下载、文档、教程和插件资源。 官网主要功能 下载 jQuery:提供压缩版(min…

jquery之家

jquery之家

jQuery之家资源推荐 jQuery之家(通常指提供jQuery相关资源的网站或社区)是开发者获取插件、教程和代码示例的重要平台。以下是几个与jQuery相关的优质资源网站: 1. jQuery官…

jquery 插入html

jquery 插入html

jQuery 插入 HTML 的方法 jQuery 提供了多种方法来动态插入 HTML 内容到 DOM 中。以下是几种常用的方法: append() 将内容插入到选定元素的内部末尾。 $(…

jquery 获取

jquery 获取

jQuery 获取元素的方法 jQuery 提供了多种方法来获取 DOM 元素,以下是常用的几种方式: 通过 ID 获取元素 使用 $("#id") 可以获取指定 ID 的元素。例如: $("#m…

jquery属性

jquery属性

jQuery 属性操作 jQuery 提供了多种方法来操作 HTML 元素的属性。这些方法可以用于获取、设置、修改或删除元素的属性。 获取属性值 使用 attr() 方法可以获取指定属性的值。例如…

加载jquery

加载jquery

加载 jQuery 的方法 通过 CDN 加载 推荐使用官方或公共 CDN(内容分发网络)加载 jQuery,速度快且稳定。将以下代码添加到 HTML 文件的 <head> 或 <b…