jQuery 遍历

#jQuery 遍历| 来源: 网络整理| 查看: 265

w3school 在线教程 HTML 系列教程浏览器脚本服务器脚本编程教程 XML 系列教程建站手册参考手册 jQuery 教程 jQuery 教程 jQuery 简介 jQuery 安装 jQuery 语法 jQuery 选择器 jQuery 事件 jQuery 效果 jQuery 隐藏/显示 jQuery 淡入淡出 jQuery 滑动 jQuery 动画 jQuery stop() jQuery Callback jQuery Chaining jQuery HTML jQuery 获取 jQuery 设置 jQuery 添加 jQuery 删除 jQuery CSS 类 jQuery css() jQuery 尺寸 jQuery 遍历 jQuery 遍历 jQuery 祖先 jQuery 后代 jQuery 同胞 jQuery 过滤 jQuery AJAX jQuery AJAX 简介 jQuery 加载 jQuery Get/Post jQuery 杂项 jQuery noConflict() jQuery 实例 jQuery 实例 jQuery 测验 jQuery 参考手册 jQuery 参考手册 jQuery 选择器 jQuery 事件 jQuery 效果 jQuery 文档操作 jQuery 属性操作 jQuery CSS 操作 jQuery Ajax jQuery 遍历 jQuery 数据 jQuery DOM 元素 jQuery 核心 jQuery 属性建站手册网站构建万维网联盟 (W3C) 浏览器信息网站品质语义网职业规划网站主机关于 W3School 帮助 W3School jQuery 遍历 - eq() 方法

jQuery 遍历参考手册

实例

通过为 index 为 2 的 div 添加适当的类，将其变为蓝色：

$("body").find("div").eq(2).addClass("blue");

亲自试一试

定义和用法

eq() 方法将匹配元素集缩减值指定 index 上的一个。

语法 .eq(index) 参数描述 index

整数，指示元素的位置（最小为 0）。

如果是负数，则从集合中的最后一个元素往回计数。

详细说明

如果给定表示 DOM 元素集合的 jQuery 对象，.eq() 方法会用集合中的一个元素构造一个新的 jQuery 对象。所使用的 index 参数标示集合中元素的位置。

请看下面这个简单的列表：

list item 1 list item 2 list item 3 list item 4 list item 5 例子 1

我们可以把该方法应用到这个列表项目集：

$('li').eq(2).css('background-color', 'red');

亲自试一试

这个调用的结果是为项目 3 设置了红色背景。请注意，index 是基于零的，并且是在 jQuery 对象中引用元素的位置，而不是在 DOM 树中。

例子 2

如果提供负数，则指示从集合结尾开始的位置，而不是从开头开始。例如：

$('li').eq(-2).css('background-color', 'red');

亲自试一试

这次，项目 4 的背景变为红色，这是因为它是集合结尾开始的第二个。

例子 3

如果无法根据指定的 index 参数找到元素，则该方法构造带有空集的 jQuery 对象，length 属性为 0。

$('li').eq(5).css('background-color', 'red');

亲自试一试

这里，没有列表项会变为红色，这是因为 .eq(5) 指示的第六个列表项。

jQuery 遍历参考手册

jQuery 参考手册 jQuery 测验

使用条款隐私条款技术支持：赢科蒙ICP备06004630号

【本文地址】

公司简介

联系我们