编程 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一些实用技巧小结

Mar 18 Javascript

jquery如何获取复选框的值

Dec 12 Javascript

使用jQuery实现的掷色子游戏动画效果

Mar 14 Javascript

JavaScript Serializer序列化时间处理示例

Jul 31 Javascript

使用JavaScript链式编程实现模拟Jquery函数

Dec 21 Javascript

JS实现DIV容器赋值的方法

Dec 14 Javascript

通过javascript进行UTF-8编码的实现方法

Jun 27 Javascript

微信小程序中使用ECharts 异步加载数据的方法

Jun 27 Javascript

Node.js fs模块(文件模块)创建、删除目录(文件)读取写入文件流的方法

Sep 03 Javascript

JavaScript图片旋转效果实现方法详解

Jun 28 Javascript

vue在App.vue文件中监听路由变化刷新页面操作

Aug 14 Javascript

vue项目配置 webpack-obfuscator 进行代码加密混淆的实现

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