简单实现jquery隔行变色

2019-11-19 14:57:46

字体：大中小

来源：转载

供稿：网友

本文实例为大家分享了jquery隔行变色展示的具体代码，供大家参考，具体内容如下

效果图

代码

<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><script type="text/javascript" src="js/jquery-2.1.0.js"></script><script type="text/javascript">$(function(){$("tr:odd").attr("bgColor","#DD1C73");$("tr:even").attr("bgColor","#875BE6");})</script><body><form id="form1" runat="server">   <div>   <table width="300px">       <tr><td>11111</td></tr>       <tr><td>22222</td></tr>       <tr><td>33333</td></tr>       <tr><td>44444</td></tr>       <tr><td>55555</td></tr>       <tr><td>55555</td></tr>   </table>    </div>   </form> </body></html>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持武林网。

上一篇：jQuery实现动态添加节点与遍历节点功能示例

下一篇：基于Datatables跳转到指定页的简单实例