本文实例讲述了JS与jQuery实现隔行变色的方法。分享给大家供大家参考,具体如下:
传统的JS方法:
使用JQ来隔行变色:
$(function(){// dom元素加载完毕
$('#tb tbody tr:even').css("backgroundColor","#888");
//获取id为tb的元素,然后寻找他下面的tbody标签,再寻找tbody下索引值是偶数的tr元素,//改变它的背景色.
})
效果图:
超简单JS实现表格隔行换背景色
当需用TABLE表格表现大量数据的时候,如果没有较好的措施是很容易看花眼的,特别是在日常的网站后台管理工作,甚至难免会出现误删数据的糗事,说多了都是泪,这是前端工程师必备的JS代码啊! 注意:BODY标记中需加上onload="xlh()" 以下为全部代码:
上面的先执行,如果后执行的可以参考下面的代码,就是刚输出的不带颜色很难看
html
jquery判断加载完成再渲染
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》、《》、《》及《》
希望本文所述对大家jQuery程序设计有所帮助。