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

本文实例讲述了JS与jQuery实现隔行变色的方法。分享给大家供大家参考，具体如下：

传统的JS方法：

 

  
第一行
第一行
  
第二行
第二行
  
第三行
第三行
  
第四行
第四行
  
第五行
第五行
  
第六行
第六行
 

使用JQ来隔行变色：

效果图：

超简单JS实现表格隔行换背景色

当需用TABLE表格表现大量数据的时候，如果没有较好的措施是很容易看花眼的，特别是在日常的网站后台管理工作，甚至难免会出现误删数据的糗事，说多了都是泪，这是前端工程师必备的JS代码啊！
注意：BODY标记中需加上onload="xlh()"
以下为全部代码：

《易玩稀有》www.ewceo.com收集整理：

下面分享一个脚本之家小编专门写的针对li的文字广告隔行变色，一行四个，第一行红，第二行蓝，依次输出颜色

上面的先执行，如果后执行的可以参考下面的代码，就是刚输出的不带颜色很难看

html

脚本之家
脚本之家
脚本之家
脚本之家
脚本之家
脚本之家
脚本之家
脚本之家

注意上面的代码一定要带标签

jquery判断加载完成再渲染

$(function(){ 
var vzl=document.getElementById('txtlink').getElementsByTagName('span'),j=0;
for(var i=0;i 
 

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery拖拽特效与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jquery中Ajax用法总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。