jQuery :eq() 选择器

实例

选择第二个 <p> 元素:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  5. <script>
  6. $(document).ready(function(){
  7. $("p:eq(1)").css("background-color","yellow");
  8. });
  9. </script>
  10. </head>
  11. <body>
  12. <h2>Welcome to My Homepage</h2>
  13. <p class="intro">My name is Donald.</p>
  14. <p>I live in Duckburg.</p>
  15. <p>My best friend is Mickey.</p>
  16. <p>Who is your favourite:</p>
  17. <ul id="choose">
  18. <li>Goofy</li>
  19. <li>Mickey</li>
  20. <li>Pluto</li>
  21. </ul>
  22. </body>
  23. </html>

定义与用法

:eq() 选择器选择具有特定索引号的元素。

索引号从 0 开始,因此第一个元素的索引号为 0(不是 1)。

它通常与另一个选择器一起使用,以选择组中的特定索引元素(如上面的实例中所示)。


语法

  1. $(":eq(index)")
参数描述
index必填。指定元素的索引

分类导航