- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" >
- <head>
- <title>无标题页</title>
- <link href="StyleSheet.css" rel="stylesheet" type="text/css" />
- <script type="text/javascript" src="jquery/jquery.js" ></script>
- <script type="text/javascript">
- $(function(){
- $("table.datalist tr:nth-child(cdd)").addClass("altrow");
- });
- </script>
- </head>
- <body>
- <table class="datalist" summary="summary" id="oTable">
- <tr>
- <th scope="col">Name</th>
- <th scope="col">Class</th>
- <th scope="col">Birthday</th>
- <th scope="col">Constellation</th>
- <th scope="col">Mobile</th>
- </tr>
- <tr>
- <td>isaac</td>
- <td>isaac</td>
- <td>isaac</td>
- <td>isaac</td>
- <td>isaac</td>
- </tr>
- <tr>
- <td>isaac</td>
- <td>isaac</td>
- <td>isaac</td>
- <td>isaac</td>
- <td>isaac</td>
- </tr>
- <tr>
- <td>isaac</td>
- <td>isaac</td>
- <td>isaac</td>
- <td>isaac</td>
- <td>isaac</td>
- </tr>
- <tr>
- <td>isaac</td>
- <td>isaac</td>
- <td>isaac</td>
- <td>isaac</td>
- <td>isaac</td>
- </tr>
- <tr>
- <td>isaac</td>
- <td>isaac</td>
- <td>isaac</td>
- <td>isaac</td>
- <td>isaac</td>
- </tr>
- <tr>
- <td>isaac</td>
- <td>isaac</td>
- <td>isaac</td>
- <td>isaac</td>
- <td>isaac</td>
- </tr>
- </table>
- </body>
- </html>
jQuery实例入门(表格隔行变色)
最新推荐文章于 2022-10-03 19:46:52 发布