:even

选择索引值是偶数的元素。索引值从 0 开始计数。同时可以参考 odd。

特别注意，跟通常的直觉相反，索引值从 0 开始计数实际上意味着，如果使用了这个偶数索引选择器 :even ，实际选中的是匹配集合中的第一个、第三个、第五个这类的元素。

补充说明:

  • 由于 :even 是 jQuery 扩展出来的，它并不是 CSS 规范中的一部分。当使用 :even 时，并不会比使用原生的 DOM 方法 querySelectorAll() 性能好。为了达到高效的 :even 元素选择，请优先使用纯 CSS 选择器 .filter(":even") 。
  • 被选中元素的顺序和它们在文档中出现的顺序是一致的。

示例:

查找表格中索引值是偶数的行(即实际表格中的奇数行)，即匹配第一行、第三行、第五行等 (索引值是 0, 2 ,4 等 )。

<!DOCTYPE html>
<html>
<head>
<style>

  table {
    background:#eeeeee;
  }
  </style>
<script src="jquery.min.js"></script>
</head>
<body>

<table border="1">
    <tr><td>Row with Index #0</td></tr>
    <tr><td>Row with Index #1</td></tr>

    <tr><td>Row with Index #2</td></tr>
    <tr><td>Row with Index #3</td></tr>
  </table>

<script>

$("tr:even").css("background-color", "#bbbbff");

</script>
</body>
</html>

演示: