时间:2021-05-18
本文实例为大家分享了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>以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
jQuery轻松实现表格的隔行变色和点击行变色的实例代码使用jquery设置表格样式.even{background-color:red;}.odd{backg
隔行变色有很多中方法来实现,之前我都是直接将判断代码写在程序中,今天我们来使用jQuery实现,代码奉上~jQuery代码:复制代码代码如下:$(functio
首先定义好样式,利用v-for中的index值,然后绑定样式来实现隔行变色效果。 以下为完整代码,很简单,但也是个技巧。title.on{background
在模仿easyui的dataGrid表格插件的同时,自己去封装了一个。实现了基本的json数据的动态加载,自动分页,全选全不选,鼠标悬浮变色,隔行变色等由于涉及
本文实例为大家分享了js实现隔行变色的具体代码,供大家参考,具体内容如下functioncreateTable(){//创建表格vartable=documen