JQuery实现表格奇偶数行变色
来源:互联网 发布:百分百qq综合采集软件 编辑:程序博客网 时间:2024/06/06 03:26
HTML代码部分start
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="UTF-8">
<title>表格奇偶数行变色</title>
<link rel="stylesheet" type="text/css" href="css/index.css">
<script src=js/jquery.min.js></script>
<script src=js/index.js></script>
</head>
<body>
<table id=myTab>
<tr>
<td>姓名</td>
<td>工资</td>
<td>入职时间</td>
<td>操作</td>
</tr>
<tr>
<td>Tom</td>
<td>$3500</td>
<td>2010-12-25</td>
<td>删除</td>
</tr>
<tr>
<td>Mary</td>
<td>$3400</td>
<td>2010-12-01</td>
<td>删除</td>
</tr>
<tr>
<td>King</td>
<td>$5900</td>
<td>2009-8-17</td>
<td>删除</td>
</tr>
<tr>
<td>Scott</td>
<td>$3800</td>
<td>2012-11-17</td>
<td>删除</td>
</tr>
<tr>
<td>Smith</td>
<td>$3100</td>
<td>2014-01-27</td>
<td>删除</td>
</tr>
<tr>
<td>Allen</td>
<td>$3700</td>
<td>2011-12-05</td>
<td>删除</td>
</tr>
</table>
</body>
</html>
HTML代码end
JS代码部分
$(function() {
$("tr:odd").css("background","#FA9595");//单行
$("tr:even").css("background","#DA7595");//双行
})
记得创建一个js而不是写在HTML里
阅读全文
0 0
- JQuery实现表格奇偶数行变色
- jQuery:表格的奇偶行变色
- JQuery 表格 隔行 奇偶行 变色
- 表格奇偶行变色
- jQuery:表格的奇偶行变色,jquery实例之表格隔一行
- jQuery实现表格选中行变色
- jQuery轻松实现表格的隔行变色,点击行变色
- jQuery轻松实现表格的隔行变色,点击行变色
- jquery 实现表格隔行变色
- jQuery实现表格隔行变色
- jquery 控制html页面表格当中奇偶行颜色不同 鼠标悬停变色
- jquery实现表格中点击相应行变色功能
- jquery实现表格的隔行变色
- 用jquery实现表格的隔行变色
- 用jQuery实现表格的隔行变色
- jquery实现表格的隔行变色
- jquery表格奇偶行设置不同颜色
- jQuery表格选中行变色插件
- 【java】逢3退1小练习
- UVA
- 开始记录每天的学习
- JavaScript中的call()
- Eclipse ADT中的logcat不显示解决方法
- JQuery实现表格奇偶数行变色
- 设计模式——原型模式
- 机器学习中文资源合集
- HDU3085 Nightmare Ⅱ —— 双向BFS + 曼哈顿距离
- 【算法】拼凑面额+数字和为sum的方法数+走网格 (动态规划)
- JVM FULL GC太频繁,CPU占用率过高问题
- UVA 1347 Tour
- IDEA快捷键
- 关于const用法的一些小结