table隔行换色

以前做表格隔行换色，是在tr上添加不同的背景色，但在程序开发的过程需要做判断，不够方便，而且生成的代码也比较多，现在的需求逐渐修改为JQ去控制简洁的表格去显示隔行换色

 <script type="text/javascript" src="http://www.w3school.com.cn/jquery/jquery.js"></script>
 <script type="text/javascript">
 //表格隔行换色
 $(document).ready(function(){
 $(".tablebg1 tr:odd").addClass("tabodd1");
 $(".tablebg1 tr").mouseover(function(){
     $(this).addClass("change");
     })
 $(".tablebg1 tr").mouseout(function(){
     $(this).removeClass("change");
     })
 $(".tablebg1 tr:even").addClass("tabodd2")
 });

 </script>
 <style type="text/css">
 *{ margin:0; padding:0;}
 body{ margin:0; padding:20px 100px; font:14px Arial, Helvetica, sans-serif;}
 .calendar_tab table { border-left: #E8E8E8 solid 1px; border-top: #E8E8E8 solid 1px; border-collapse: collapse; margin:10px 0;}
 .calendar_tab table th { border-right: #E8E8E8 solid 1px; border-bottom: #E8E8E8 solid 1px; background-color: #525254; padding:5px 8px; color:#fff; white-space:nowrap; font-weight:bold;}
 .calendar_tab table th a{ color:#fff; text-decoration:underline;}
 .calendar_tab table th a:hover{ color:#fff; text-decoration:none;}
 .calendar_tab table td { height:auto; border-right: #E8E8E8 solid 1px; border-bottom: #E8E8E8 solid 1px; padding:5px 8px; vertical-align:middle; white-space:nowrap;}
 .calendar_tab table td a{ color:#0096d6; text-decoration:underline;}
 .calendar_tab table td a:hover{ color:#0096d6; text-decoration:none;}

 .tabodd1{ background:#fff;}
 .tabodd2{ background:#F8F8F8;}
 .change{ background:#f0f0f0;}

 </style>
 <div class="calendar_tab">
 <table width="100%" id="tablebg1" class="tablebg1" border="0" cellspacing="0" cellpadding="0">
         <tr>
           <th width="28%">日期 </th>
           <th width="72%">选择</th>
         </tr>
         <tr>
           <td>2013-7-01 </td>
           <td><select name="select">
               <option>工作日</option>
             </select></td>
         </tr>
         <tr>
           <td>2013-7-01 </td>
           <td><select name="select">
               <option>工作日</option>
             </select></td>
         </tr>
       </table>
       </div>

菜鸟示例：

日期	选择
2013-7-01	工作日
2013-7-01	工作日