jquery 双色表格实现代码


Posted in Javascript onDecember 08, 2009

https://3water.com/article/21027.htm
不多说了,直接给代码
代码

<html> 
<head> 
<title>双色表格</title> 
<style type="text/css"> 
<!-- 
table { 
border:solid 1px black; 
text-align:center; 
border-spacing:0px; 
} 
th,td { 
border:solid 1px black; 
width:100px; 
} 
--> 
</style> 
<script src="lib/jquery.js" type="text/javascript"></script> 
<script type="text/javascript" > 
$().ready(function() { 
$('tr:has(th)').css('background','violet'); //表格标题 
$('tr:even:gt(0)').css('background','yellow'); //偶数行,且行数大于0(即标题) 
$('tr:odd').css('background','olive'); //奇数行 
}); 
</script> 
</head> 
<body> 
<center> 
<table> 
<tr id="th"> 
<th>姓名</th> 
<th>科目</th> 
<th>成绩</th> 
</tr> 
<tr> 
<td>张三</td> 
<td>语文</td> 
<td>90</td> 
</tr> 
<tr> 
<td>张三</td> 
<td>数学</td> 
<td>87</td> 
</tr> 
<tr> 
<td>李四</td> 
<td>数学</td> 
<td>68</td> 
</tr> 
<tr> 
<td>王五</td> 
<td>英语</td> 
<td>76</td> 
</tr> 
</table> 
</center> 
</body> 
</html>
Javascript 相关文章推荐
javascript对象的property和prototype是这样一种关系
Mar 24 Javascript
给js文件传参数(详解)
Jul 13 Javascript
JavaScript获得页面base标签中url的方法
Apr 03 Javascript
JavaScript小技巧整理
Dec 30 Javascript
利用python分析access日志的方法
Oct 26 Javascript
Angularjs中使用layDate日期控件示例
Jan 11 Javascript
利用JavaScript如何查询某个值是否数组内
Jul 30 Javascript
AngularJS ui-router刷新子页面路由的方法
Jul 23 Javascript
在angularJs中进行数据遍历的2种方法
Oct 08 Javascript
详解JavaScript修改注册表的方法
Jan 05 Javascript
再也不怕 JavaScript 报错了,怎么看怎么处理都在这儿
Dec 09 Javascript
vue打包时去掉所有的console.log
Apr 10 Vue.js
IE浏览器打印的页眉页脚设置解决方法
Dec 08 #Javascript
JQuery 表单中textarea字数限制实现代码
Dec 07 #Javascript
测试JavaScript字符串处理性能的代码
Dec 07 #Javascript
javascript 混合的构造函数和原型方式,动态原型方式
Dec 07 #Javascript
JavaScript 常见对象类创建代码与优缺点分析
Dec 07 #Javascript
javascript prototype原型操作笔记
Dec 07 #Javascript
javascript Array.sort() 跨浏览器下需要考虑的问题
Dec 07 #Javascript
You might like
PHP开发框架kohana中处理ajax请求的例子
2014/07/14 PHP
laravel5创建service provider和facade的方法详解
2016/07/26 PHP
PHP上传图片时判断上传文件是否为可用图片的方法
2016/10/20 PHP
Nigma vs Liquid BO3 第二场2.14
2021/03/10 DOTA
js几个不错的函数 $$()
2006/10/09 Javascript
javascript offsetX与layerX区别
2010/03/12 Javascript
轻量级 JS ToolTip提示效果
2010/07/20 Javascript
深入解析JavaScript中的变量作用域
2013/12/06 Javascript
常用的几段javascript代码分享
2014/03/25 Javascript
JS辨别访问浏览器判断是android还是ios系统
2014/08/19 Javascript
javascript关于open.window子页面执行完成后刷新父页面的问题分析
2015/04/27 Javascript
关于Bootstrap弹出框无法调用问题的解决办法
2016/03/10 Javascript
ES2015 Symbol 一种绝不重复的值
2016/12/25 Javascript
提高Web性能的前端优化技巧总结
2017/02/27 Javascript
Angular1.x复杂指令实例详解
2017/03/01 Javascript
angularJS深拷贝详解
2017/03/23 Javascript
js时间戳与日期格式之间相互转换
2017/12/11 Javascript
Vue中this.$router.push参数获取方法
2018/02/27 Javascript
基于Vue的延迟加载插件vue-view-lazy
2018/05/21 Javascript
vue cli3.0结合echarts3.0与地图的使用方法示例
2019/03/26 Javascript
Vue源码之关于vm.$delete()/Vue.use()内部原理详解
2019/05/01 Javascript
CKeditor富文本编辑器使用技巧之添加自定义插件的方法
2019/06/14 Javascript
通过扫小程序码实现网站登陆功能
2019/08/22 Javascript
JS设置自定义快捷键并实现图片上下左右移动
2019/10/17 Javascript
[03:20]次级联赛厮杀超职业 现超级兵对拆世纪大战
2014/10/30 DOTA
详解安装mitmproxy以及遇到的坑和简单用法
2019/01/21 Python
python处理RSTP视频流过程解析
2020/01/11 Python
在 Windows 下搭建高效的 django 开发环境的详细教程
2020/07/27 Python
自荐信格式的六要素
2013/09/21 职场文书
水务局局长岗位职责
2013/11/28 职场文书
先进个人事迹材料
2014/01/25 职场文书
舞蹈兴趣小组活动总结
2014/07/07 职场文书
师德师风自我剖析材料
2014/09/27 职场文书
2015年度党员自我评价范文
2015/03/03 职场文书
2015国庆节宣传语
2015/07/14 职场文书
导游词之苏州盘门景区
2019/11/12 职场文书