:even 选择器
分类:选择器 > 基本筛选选择器 | 选择器 > jQuery扩展选择器
even selector
描述:选择偶数元素,从0开始排序。参见odd。
加入于: 1.0
jQuery( ":even" )特别需要注意,从0开始的索引意味着,反直觉地,:even选择了第一个元素、第三个元素……在匹配的集合中依此类推。
其它说明
- 因为
:even是一个jQuery扩展,不是CSS规范文档的一部分,所以用:even查询,不能充分利用原生DOM提供的querySelectorAll()方法来提高性能。要想在使用:even选择元素时获得最佳性能,请先使用一个纯CSS选择器选择元素,然后使用.filter(":even")来筛选它们。 - 选中的元素以它在document中出现的顺序。
示例
查找偶数表格行,匹配第一行、第三行、依此类推(索引号为0、2、4等等)。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>even demo</title>
<style>
table {
background: #eee;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.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", "#bbf" );
</script>
</body>
</html>
演示结果