码迷,mamicode.com
首页 > Web开发 > 详细

jquery实现奇偶行赋值不同css值

时间:2014-05-16 03:47:06      阅读:311      评论:0      收藏:0      [点我收藏+]

标签:style   blog   class   code   c   java   

bubuko.com,布布扣

<
html> <head>   <title>jquery奇偶行css效果</title>   <script src="../../jquery/jquery.js" type="text/javascript"></script>
  <style type="text/css">     /*table中偶数行*/     .tabEven     {       background: #9d8e8b;     }     /*table中奇数行*/     .tabOdd     {     background: #ffffff;     }   </style>
  <script type="text/javascript">     $(document).ready(function () {       $("#datalist tr:even").addClass("tabEven");//给偶数行加样式       $("#datalist tr:odd").addClass("tabOdd"); //给奇数行加样式     });   </script> </head> <body>   <table id="datalist">     <tr><td>第1行</td></tr>     <tr><td>第2行</td></tr>     <tr><td>第3行</td></tr>     <tr><td>第4行</td></tr>     <tr><td>第5行</td></tr>   </table> </body> </html>

bubuko.com,布布扣

 

jquery实现奇偶行赋值不同css值,布布扣,bubuko.com

jquery实现奇偶行赋值不同css值

标签:style   blog   class   code   c   java   

原文地址:http://www.cnblogs.com/mingyue1818/p/3729619.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!