当前位置:首页 > jquery

jquery .eq

2026-03-02 19:50:53jquery

jQuery .eq() 方法

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

语法

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

示例

基本用法

// 选取所有 <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 对象中的特定元素,适合在链式调用中精确控制目标。

jquery .eq

标签: jqueryeq
分享给朋友:

相关文章

jquery获取radio选中的值

jquery获取radio选中的值

获取radio选中的值 使用jQuery获取被选中的radio按钮的值可以通过以下几种方法实现: 方法1:使用:checked选择器 var selectedValue = $('input[na…

jquery 筛选器

jquery 筛选器

jQuery 筛选器 jQuery 筛选器用于从一组匹配的元素中进一步筛选出符合条件的子集。这些筛选器可以基于元素的位置、内容、属性或状态进行筛选。 基本筛选器 :first 选择第一个匹配的元素。…

jquery 插入html

jquery 插入html

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

jquery 图片

jquery 图片

jQuery 图片操作 jQuery 提供了多种方法来操作图片,包括加载、显示、隐藏、调整尺寸等。以下是一些常见的图片操作方法: 动态加载图片 使用 attr() 方法可以动态修改图片的 src…

jquery代码

jquery代码

以下是关于jQuery代码的常见用法和示例,涵盖基础操作、事件处理、DOM操作等核心功能: 基础语法 jQuery通过$()函数选择元素,支持CSS选择器语法: // 选择所有<p>元…

jquery 加载

jquery 加载

jQuery 加载方法 使用jQuery需要先将其库文件加载到网页中。以下是几种常见的加载方式: 通过CDN加载 推荐使用官方或公共CDN(内容分发网络)加载jQuery,速度快且可能被浏览器缓存:…