搜索文档
首页
HTML/CSS
JavaScript
服务端开发
Java教程
移动端
数据库
当前位置:
首页
JavaScript
jQuery 教程
jQuery 基础教程
源代码
清空
点击运行
<!DOCTYPE html> <html> <title>jQuery :odd奇数选择器示例 - 基础教程(div.cn)</title> <head> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("tr:odd").css("background", "coral"); }); </script> </head> <body> <p>:odd 选择器选取带有奇数索引号的每个元素(比如:1、3、5 等等)。</p> <p>索引值从 0 开始,第一个元素是偶数 (0),第二个元素是奇数 (1),以此类推。</p> <p>最常见的用法:与其他选择器一起使用,选取指定组合中每个奇数序号的元素(如下面的实例)。</p> <table border="1" style="width: 100%;"> <tr> <th>Name</th> <th>City</th> <th>Phone</th> </tr> <tr> <td>Seagull</td> <td>Delhi</td> <td>999945850</td> </tr> <tr> <td>Espy</td> <td>Mizoram</td> <td>8425896528</td> </tr> <tr> <td>Mudit</td> <td>Jaipur</td> <td>9858621233</td> </tr> <tr> <td>Ankit</td> <td>Mumbai</td> <td>9560478555</td> </tr> <tr> <td>Nancy</td> <td>Delhi</td> <td>9210154545</td> </tr> </table> </body> </html>
运行结果