jquery实现table表的隔行变色功能
2017-03-13 20:58
288 查看
jquery实现隔行变色，
jQuery :odd 选择器（奇数行），:even选择器偶数行
$(document).ready(function(){
$(".grid tbody tr:even").css("background-color","#B2E0FF");/*（0,2,4,6...）*/
$('.grid tbody tr:odd').css("background-color","#cccccc");/*（1，3，5，7...）*/
});
jQuery :odd 选择器（奇数行），:even选择器偶数行
$(document).ready(function(){
$(".grid tbody tr:even").css("background-color","#B2E0FF");/*（0,2,4,6...）*/
$('.grid tbody tr:odd').css("background-color","#cccccc");/*（1，3，5，7...）*/
});
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- jQuery实现table表格隔行换色鼠标经过变色
- 关于table的td和ul元素li隔行变色的功能实现
- jQuery实现table表格隔行换色鼠标经过变色
- 利用jquery一句话实现隔行变色
- jquery实现隔行变色
- 多款jquery实现隔行换色、多选框选中变色【强大】
- jQuery遍历实现隔行变色
- 隔行变色jquery 实现
- JQuery实现表格隔行变色，鼠标经过的行放大显示
- php简单分页 和 jquery实现超简单的隔行变色
- jQuery轻松实现表格的隔行变色，点击行变色
- jQuery遍历实现隔行变色
- 利用jquery一句话实现隔行变色
- 用JQuery实现表格隔行变色和突出显示当前行
- jQuery实现隔行变色
- jquery 实现鼠标移动到table每行，此行高亮变色
- jquery实现表格的隔行变色
- jQuery 行背景颜色的交替显示(隔行变色)实现代码
- 用JQuery实现表格隔行变色和突出显示当前行
- 简单的jQuery实现表格隔行变色以及鼠标划上突出显示