首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 开发语言 > 编程 >

jQuary一句代码兑现表格隔行换色

2013-03-29 
jQuary一句代码实现表格隔行换色htmlhead meta charsetutf-8/ script typetext/javascript s

jQuary一句代码实现表格隔行换色

<html>
<head>
 <meta charset="utf-8"/>
 <script type="text/javascript" src="./script/jquery-1.4.2.min.js"></script>
 <script>
  $(document).ready(function(){
 $("#tab tr:even").css("background","blue");

$("#tab tr:odd").css("background","pink");
  });
 </script>
</head>
<body>
 <table id="tab">
  <tr><td>第一行</td><td>第一行</td></tr>
  <tr><td>第二行</td><td>第二行</td></tr>
  <tr><td>第三行</td><td>第三行</td></tr>
  <tr><td>第四行</td><td>第四行 </td></tr>
  <tr><td>第五行</td><td>第五行</td></tr>
  <tr><td>第六行</td><td>第六行</td></tr>  
 </table>
</body>
 
</html>

热点排行