📌  相关文章
📜  jQuery | eq() 与示例(1)

📅  最后修改于: 2023-12-03 14:43:15.071000             🧑  作者: Mango

jQuery | eq() 与示例

介绍

在jQuery中，可以使用eq()方法来选择元素集合中的特定元素。该方法将返回所选元素的jQuery对象。在jQuery中，元素的索引是从0开始的。可以将索引作为eq()方法的参数来选择特定的元素。

语法
$(selector).eq(index)
  • selector: 必需。规定要选择的元素。
  • index: 必需。一个整数值，规定要选择的元素的索引位置。
示例
<!DOCTYPE html>
<html>
<head>
  <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
  </script>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>jQuery eq() 方法示例</title>
</head>
<body>
  <ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
  </ul>
  <script>
    // 选择第2个li元素
    $("li").eq(1).css("background-color", "yellow");
  </script>
</body>
</html>

执行上面的代码会选择第2个li元素(索引1), 并将其背景色设置为黄色。

总结

eq()方法可以帮助我们更轻松地选择元素集合中的特定元素。学习这个方法可以让你更有效地使用jQuery来处理HTML文档中的元素。