JS与jQuery实现隔行变色的方法

前端之家收集整理的这篇文章主要介绍了JS与jQuery实现隔行变色的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了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程序设计有所帮助。

猜你在找的jQuery相关文章