当前位置:首页 > 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" 的音(如英文单词 "jump" 的首音)。 "query" 读…

jquery作用

jquery作用

jQuery的作用概述 jQuery是一个快速、简洁的JavaScript库,主要用于简化HTML文档遍历、事件处理、动画设计和Ajax交互等操作。其核心目标是让开发者以更少的代码完成更多功能,同时解…

使用jquery

使用jquery

引入jQuery库 在HTML文件中通过<script>标签引入jQuery库。可以从CDN加载,例如: <script src="https://code.jquery.com/…

jquery 选中

jquery 选中

jQuery 选中元素的方法 jQuery 提供了多种方式来选中 DOM 元素,以下是一些常用的方法: 通过 ID 选中元素 使用 # 符号加上元素的 ID 来选中特定元素: $('#elemen…

jquery样式

jquery样式

jQuery 样式操作基础 jQuery 提供了多种方法来操作 HTML 元素的样式,包括直接修改 CSS 属性、添加/移除类名等。以下是常见的样式操作方法: 修改 CSS 属性 使用 css()…

jquery轮播

jquery轮播

jQuery轮播实现方法 jQuery轮播可以通过多种方式实现,以下是几种常见的方法: 使用Slick插件 Slick是一个流行的jQuery轮播插件,功能强大且易于使用。引入jQuery和Slic…