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 相关文章推荐
微信企业号开发之微信考勤百度地图定位
Sep 11 Javascript
基于JQuery和CSS3实现仿Apple TV海报背景视觉差特效源码分享
Sep 21 Javascript
jquery div模态窗口的简单实例
May 28 Javascript
Jquery EasyUI Datagrid右键菜单实现方法
Dec 30 Javascript
vue.js简单配置axios的方法详解
Dec 13 Javascript
JavaScript中为事件指定处理程序的五种方式分析
Jul 27 Javascript
在vue里使用codemirror遇到的问题
Nov 01 Javascript
JS温故而知新之变量提升和时间死区
Jan 27 Javascript
vue router 组件的高级应用实例代码
Apr 08 Javascript
对layui中的onevent 和event的使用详解
Sep 06 Javascript
vuex存储复杂参数(如对象数组等)刷新数据丢失的解决方法
Nov 05 Javascript
javascript递归函数定义和用法示例分析
Jul 22 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代码(星期六,星期日总和)
2009/11/12 PHP
理解php原理的opcodes(操作码)
2010/10/26 PHP
php使用COPY函数更新配置文件的方法
2015/06/18 PHP
PHP5.3新特性小结
2016/02/14 PHP
yii2使用GridView实现数据全选及批量删除按钮示例
2017/03/01 PHP
javascript一个无懈可击的实例化XMLHttpRequest的方法
2010/10/13 Javascript
两种常用的javascript数组去重方法思路及代码
2013/03/26 Javascript
Javascript获取HTML静态页面参数传递值示例
2013/08/18 Javascript
JavaScript利用构造函数和原型的方式模拟C#类的功能
2014/03/06 Javascript
jquery动态加载js/css文件方法(自写小函数)
2014/10/11 Javascript
jQuery的bind()方法使用详解
2015/07/15 Javascript
Bootstrap每天必学之导航条(二)
2016/03/01 Javascript
js代码实现下拉菜单【推荐】
2016/12/15 Javascript
JavaScript利用闭包实现模块化
2017/01/13 Javascript
详解vue事件对象、冒泡、阻止默认行为
2017/03/20 Javascript
Vue开发实现吸顶效果的示例代码
2018/08/21 Javascript
使用vue for时为什么要key【推荐】
2019/07/11 Javascript
js实现无缝轮播图特效
2020/05/09 Javascript
js实现磁性吸附的示例
2020/10/26 Javascript
[53:13]DOTA2-DPC中国联赛 正赛 DLG vs PHOENIX BO3 第三场 1月18日
2021/03/11 DOTA
python+selenium实现163邮箱自动登陆的方法
2017/12/31 Python
对Python中创建进程的两种方式以及进程池详解
2019/01/14 Python
python使用 cx_Oracle 模块进行查询操作示例
2019/11/28 Python
Python3 assert断言实现原理解析
2020/03/02 Python
Pycharm中切换pytorch的环境和配置的教程详解
2020/03/13 Python
Python3爬虫中Selenium的用法详解
2020/07/10 Python
Linux开机引导的步骤是什么
2015/10/19 面试题
自我评价如何写好?
2014/01/05 职场文书
工程售后服务方案
2014/06/08 职场文书
教师自查自纠材料
2014/10/14 职场文书
工人先锋号事迹材料
2014/12/24 职场文书
2015年基层党建工作总结
2015/05/14 职场文书
于丹讲座视频观后感
2015/06/15 职场文书
离婚民事起诉状
2015/08/03 职场文书
2016大学优秀学生干部事迹材料
2016/03/01 职场文书
pyqt5蒙版遮罩mask,setmask的使用
2021/06/11 Python