搜索文档
首页
HTML/CSS
JavaScript
服务端开发
Java教程
移动端
数据库
当前位置:
首页
JavaScript
jQuery 教程
jQuery 基础教程
源代码
清空
点击运行
<!DOCTYPE html> <html> <title>jQuery :even偶数选择器示例 - 基础教程(div.cn)</title> <head> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("tr:even").css("background", "coral"); }); </script> </head> <body> <p>:even 选择器选取带有偶数索引号的每个元素(比如:0、2、4 等等)。</p> <p>索引值从 0 开始,第一个元素是偶数 (0),第二个元素是奇数 (1),以此类推。</p> <p>最常见的用法:与其他选择器一起使用,选取指定组合中每个偶数序号的元素(如下面的实例)。</p> <p>index 值从 0 开始,所有第一个元素是偶数 (0)。</p> <table border="1" style="width:100%;"> <tr> <th>名称</th> <th>城市</th> <th>电话</th> </tr> <tr> <td>海鸥</td> <td>德里</td> <td> 999945850 </td> </tr> <tr> <td> Espy </td> <td>米佐拉姆</td> <td> 8425896528 </td> </tr> <tr> <td>默迪特</td> <td>斋浦尔</td> <td> 9858621233 </td> </tr> <tr> <td> Ankit </td> <td>孟买</td> <td> 9560478555 </td> </tr> <tr> <td>南希</td> <td>德里</td> <td> 9210154545 </td> </tr> </table> </body> </html>
运行结果