jquery隔行换色,jquery表格隔行换色,jquery,table隔行换色
web前端-js教程
本文实例讲述了jquery实现表格隔行换色效果的代码。分享给大家供大家参考。具体如下：运行效果截图如下：
jsp 项目管理系统源码下载,ubuntu如何编程软件,tomcat调优和监控,杀家庭爬虫,php时间判断,站长工具seo权重等级怎么看lzw
万人电玩城 源码,vscode补全大括号,共享磁盘ubuntu,tomcat 界面部署,sqlite查看一条数据,新版时光网怎样爬虫爬虫,PHP教程下载小说,禅城seo软件优化公司,网站模板有版权,模板小偷注册码lzw
具体代码如下：报表系统 源码,ubuntu修改目录中文,tomcat项目里面的路径,请求头爬虫,php 连接存储对象,北辰区电商seo技术市场报价lzw
1、新建一个web项目，jQuery；2、在WebContent目录下新建script文件夹，将jquery-1.10.1.js复制到script中；
3、同样，新建TableColor.html；
TableColor.html：
表格间隔色 body { width:100%; height:100%; font-size:12px; } table { width:80%; height:90%; } .tr_odd { background: #EBF2FE; } .tr_even { background: #B4CDE6; } .tab_body { text-align: center; } $(function(){ $("tr:odd").addClass("tr_odd"); $("tr:even").addClass("tr_even"); });
| 学号 | 姓名 | 年龄 | 性别 |
|---|---|---|---|
| 2013060101 | 张华 | 23 | 男 |
| 2013060102 | 赵雪 | 24 | 女 |
| 2013060103 | 孙旭 | 21 | 男 |
| 2013060104 | 李姝 | 20 | 女 |
| 2013060105 | 公孙旭 | 22 | 男 |
| 2013060106 | 李枝花 | 24 | 女 |
| 2013060107 | 魏征 | 22 | 男 |
| 2013060108 | 施礼 | 20 | 女 |
| 2013060109 | 王志 | 23 | 男 |
| 2013060104 | 方小许 | 20 | 女 |