jquery 交替为表格添加样式的代码 时间:2020-05-12 人气:0 下面就是我的“作品”啊，只是简单的实现其功能，并未做其他的功能啊 运行后，需要刷新下， 上面得代码比较简单，更多的例子，可以搜索以前发布的文章。 <script language="javascript" src="http://img.jb51.net/jslib/jquery/jquery.js"></script> <script type="text/javascript"> <!-- $(document).ready(function(){ // $("a.afflik").mouseover(function(){ // window.status=this.title;return true; // }).mouseout(function(){ // window.status='done';return true; // }); $(".nnn tr").mouseover(function(){ $(this).addClass("over")}).mouseout(function(){ $(this).removeClass("over") }); $(".nnn tr:even").addClass("alt"); }); --> </script> <style type="text/css"> <!-- th{ background:#0099CC; height:30px; color:#FFFFFF; line-height:30px; } td{ border-bottom:1px solid #CC9999; height:25px; } tr.alt td{ background:#990066; color:#FFFFFF} tr.over td{ background:#0033FF; } --> </style> <table class="nnn" border="0" cellpadding="0" cellspacing="0"> <thead> <tr> <th>表头</th><th>表头</th><th>表头</th> </tr> </thead> <tbody> <tr> <td></td><td>jb51.net</td><td>4561263</td> </tr> <tr> <td>123456</td><td>789879</td><td>4561263</td> </tr> <tr> <td>123456</td><td>789879</td><td>4561263</td> </tr> <tr> <td>123456</td><td>789879</td><td>4561263</td> </tr> <tr> <td>123456</td><td>789879</td><td>4561263</td> </tr> <tr> <td>123456</td><td>789879</td><td>4561263</td> </tr> <tr> <td>123456</td><td>789879</td><td>4561263</td> </tr> <tr> <td>123456</td><td>789879</td><td>4561263</td> </tr> </tbody> </table> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 加载全部内容
