这篇文章主要介绍了jquery隔行换色效果实现方法,涉及even及odd选择器的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了jquery隔行换色效果实现方法。分享给大家供大家参考。具体分析如下:
使用 jquery 来实现隔行换行的效果,简单得就跟吃饭一样。来吧,看看代码到底有多么的简单
代码如下:
$(function(){
$("#stu tr:even").addClass("bg");
$("#stu tr:odd").addClass("bg1");
});
#stu{width:300px;border:solid 1px green;border-spacing:0px;}
#stu th{background:#ccc;}
.bg{background:blue;}
.bg1{background:yellow;}
学号 | 姓名 | 专业 |
---|---|---|
0812124 | 羊羊羊 | 生物工程 |
0812120 | 燕燕燕 | 软件工程 |
0812124 | 王美人 | 计算机 |
0812124 | 海飞丝 | 商务英语 |
0812124 | 宋夫人 | 药物研究 |
希望本文所述对大家的jQuery程序设计有所帮助。
更多信息请查看IT技术专栏