jQuery实现隔行背景色变色
更新时间：2014年11月24日 15:23:36 投稿：hebedich
这篇文章给大家分享了jQuery实现隔行背景色变色的代码，有相同需要的小伙伴参考下吧
隔行变色有很多中方法来实现，之前我都是直接将判断代码写在程序中，今天我们来使用jQuery实现，代码奉上~
jQuery代码：
复制代码 代码如下:
$(function(){
var item = $("tr");
for(var i=0;i<item.length;i++){
if(i%2==0){
item[i].style.backgroundColor="#888";
}
}
//$("#tb tbody tr:even").css("backgroundColor","#888");
});
HTML代码：
复制代码 代码如下:
<table id='tb'>
<tbody>
<tr><td>第一行</td><td>第一行</td></tr>
<tr><td>第二行</td><td>第2行</td></tr>
<tr><td>第三行</td><td>第3行</td></tr>
<tr><td>第4行</td><td>第4行</td></tr>
<tr><td>第5行</td><td>第5行</td></tr>
<tr><td>第6行</td><td>第6行</td></tr>
</tbody>
</table>
是不是很好玩，小伙伴们其实可以用jQuery实现很多好玩的东西的，大家自由发挥吧
相关文章
这篇文章主要介绍了jQuery中andSelf()方法用法,实例分析了andSelf()方法将先前所选的元素加入当前元素集合中的使用技巧,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了jQuery自带的一些常用方法总结,包括$.trim 、$.contains、$.each、$.map、$.inArray、$.extend等,需要的朋友可以参考下2014-09-09
这篇文章主要介绍了jQuery实现动态添加和删除input框，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-03-03
开发前期用自动生产 固定大小的图片 进行 显示，发现不能满足，在前期的时候把保存了原图，现在只能显示原图，原图由于上传时候没有做任何限制所有要使用 图片不完全按比例缩小，下面是代码2013-07-07
这篇文章主要为大家详细介绍了jquery使用FormData实现异步上传文件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-10-10
下面小编就为大家带来一篇jquery请求servlet实现ajax异步请求的示例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-06-06
在jquery中如果我们要获取选中的checkbox我们可以input:checked,然后获取选中checkbox个数量时我们可以使用jQuery的size()方法或length属性来判断就行了2013-11-11
web开发人员学习jQuery的6大理由及jQuery的优势介绍
jQuery是一个用来简化HTML客户端开发的JS（JavaScrip）库，它支持HTML DOM处理，同时还融合了部分HTML和CSS2013-01-01
这个下拉菜单式可以循环的，且是使用jquery实现，很实用，大家可以学习下2014-09-09
这篇文章主要介绍了15个常用的jquery代码片段，对大家学习jquery程序设计有所帮助,需要的朋友可以参考下2015-12-12
最新评论