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 代码也可以变得优美的实现方法
Jun 22 Javascript
在VS2008中使用jQuery智能感应的方法
Dec 30 Javascript
jquery ajaxSubmit 异步提交的简单实现
Feb 28 Javascript
jQuery获取样式中颜色值的方法
Jan 29 Javascript
jQuery Easyui学习之datagrid 动态添加、移除editor
Jan 27 Javascript
JavaScript职责链模式概述
Sep 17 Javascript
Bootstrap3 datetimepicker控件使用实例
Dec 13 Javascript
vue实现百度搜索下拉提示功能实例
Jun 14 Javascript
layui关闭层级、简单监听的实例
Sep 06 Javascript
layUI使用layer.open,在content打开数据表格,获取值并返回的方法
Sep 26 Javascript
微信小程序开发(二):页面跳转并传参操作示例
Jun 01 Javascript
学前端,css与javascript重难点浅析
Jun 11 Javascript
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下HTTP Response中的Chunked编码实现方法
2008/11/19 PHP
php与mysql建立连接并执行SQL语句的代码
2011/07/04 PHP
检查用户名是否已在mysql中存在的php写法
2014/01/20 PHP
PHP实现二维数组根据key进行排序的方法
2016/12/30 PHP
PHP用continue跳过本次循环中剩余代码的注意点
2017/06/27 PHP
jQuery load方法用法集锦
2011/12/06 Javascript
使用JavaScript构建JSON格式字符串实现步骤
2013/03/22 Javascript
利用js动态添加删除table行的示例代码
2013/12/16 Javascript
js获取判断上传文件后缀名的示例代码
2014/02/19 Javascript
利用jQuery设计一个简单的web音乐播放器的实例分享
2016/03/08 Javascript
利用js+css+html实现固定table的列头不动
2016/12/08 Javascript
JS检测数组类型的方法小结
2017/03/14 Javascript
使用webpack3.0配置webpack-dev-server教程
2018/05/29 Javascript
vue中音频wavesurfer.js的使用方法
2020/02/20 Vue.js
vue单文件组件无法获取$refs的问题
2020/06/24 Javascript
[02:44]DOTA2英雄基础教程 魅惑魔女
2014/01/07 DOTA
让python的Cookie.py模块支持冒号做key的方法
2010/12/28 Python
Python中正则表达式的用法实例汇总
2014/08/18 Python
Python爬取三国演义的实现方法
2016/09/12 Python
PyGame贪吃蛇的实现代码示例
2018/11/21 Python
使用Python实现企业微信的自动打卡功能
2019/04/30 Python
关于python中plt.hist参数的使用详解
2019/11/28 Python
django model的update时auto_now不被更新的原因及解决方式
2020/04/01 Python
scrapy框架携带cookie访问淘宝购物车功能的实现代码
2020/07/07 Python
基于python实现操作redis及消息队列
2020/08/27 Python
CSS3实现圆角、阴影、透明效果并兼容各大浏览器
2014/08/08 HTML / CSS
html5 canvas-1.canvas介绍(hello canvas)
2013/01/07 HTML / CSS
英国现代绅士品牌:Hackett
2017/12/17 全球购物
澳大利亚领先的皮肤诊所:Skin Matrix(抗衰老、痤疮专家、药妆护肤)
2018/05/20 全球购物
在C中是否有模拟继承等面向对象程序设计特性的好方法
2012/05/22 面试题
开业典礼主持词
2014/03/21 职场文书
中考学习决心书
2015/02/04 职场文书
护士自荐信怎么写
2015/03/06 职场文书
普通员工辞职信范文
2015/05/12 职场文书
河童之夏观后感
2015/06/11 职场文书
Redis基本数据类型Zset有序集合常用操作
2022/06/01 Redis