编程 Javascript

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>

jquery 双色表格实现代码

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript语法着色引擎（demo及打包文件下载）

Jun 13 Javascript

javascript中用星号表示预录入内容的实现代码

Jan 08 Javascript

JQuery扩展插件Validate 1 基本使用方法并打包下载

Sep 05 Javascript

深入了解javascript中的prototype与继承

Apr 14 Javascript

javascript对话框使用方法(警告框 javascript确认框提示框)

Jan 07 Javascript

JavaScript自定义函数实现查找两个字符串最长公共子串的方法

Nov 24 Javascript

[原创]JS基于FileSaver.js插件实现文件保存功能示例

Dec 08 Javascript

jquery 给动态生成的标签绑定事件的几种方法总结

Feb 24 jQuery

菊花转动的jquery加载动画效果

Aug 19 jQuery

Vue页面刷新记住页面状态的实现

Dec 27 Javascript

记一次react前端项目打包优化的方法

Mar 30 Javascript

Element Popover 弹出框的使用示例

Jul 26 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