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

<li><a href="https://www.jb51.net" target="_blank"><span>脚本之家</span></a></li> <li><a href="https://www.jb51.net" target="_blank"><span>脚本之家</span></a></li> <li><a href="https://www.jb51.net" target="_blank"><span>脚本之家</span></a></li> <li><a href="https://www.jb51.net" target="_blank"><span>脚本之家</span></a></li> <li><a href="https://www.jbzj.com" target="_blank"><span>脚本之家</span></a></li> <li><a href="https://www.jbzj.com" target="_blank"><span>脚本之家</span></a></li> <li><a href="https://www.jbzj.com" target="_blank"><span>脚本之家</span></a></li> <li><a href="https://www.jbzj.com" target="_blank"><span>脚本之家</span></a></li>

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

jquery判断加载完成再渲染

$(function(){ var vzl=document.getElementById('txtlink').getElementsByTagName('span'),j=0; for(var i=0;i<vzl.length;i++){ j=i%4?j:++j; vzl[i].style=j%2?'color:red':'color:blue'; } });

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

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wzjpzg.html