下面一个示例为大家详细介绍下使用jquery实现表格的隔行换色功能,感兴趣的朋友可以参考下
本文实例讲述了jquery实现表格隔行换色效果的代码。分享给大家供大家参考。具体如下:
运行效果截图如下:
具体代码如下:
1、新建一个web项目,jQuery;
2、在WebContent目录下新建script文件夹,将jquery-1.10.1.js复制到script中;
3、同样,新建TableColor.html;
TableColor.html:
表格间隔色
学号 | 姓名 | 年龄 | 性别 |
---|---|---|---|
2013060101 | 张华 | 23 | 男 |
2013060102 | 赵雪 | 24 | 女 |
2013060103 | 孙旭 | 21 | 男 |
2013060104 | 李姝 | 20 | 女 |
2013060105 | 公孙旭 | 22 | 男 |
2013060106 | 李枝花 | 24 | 女 |
2013060107 | 魏征 | 22 | 男 |
2013060108 | 施礼 | 20 | 女 |
2013060109 | 王志 | 23 | 男 |
2013060104 | 方小许 | 20 | 女 |
以上就是本文的全部内容,希望对大家学习javascript程序设计有所帮助。
以上就是jquery实现表格隔行换色效果的详细内容,更多请关注0133技术站其它相关文章!