: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>
演示结果