一、隔行换色
复制代码 代码如下:
$("tr:odd").addClass("tr_bg");
就是说将表格的偶数行添加名为tr_bg的样式，当然，tr_bg的样式就是用来表示背景色的。
二、鼠标经过高亮显示当前行
复制代码 代码如下:
$("tr").mouseover(
function(){
$(this).addClass("tr_over");
}
);
$("tr").mouseout(
function(){
$(this).removeClass("tr_over");
}
);
鼠标经过时将该行添加名为tr_over的样式，鼠标移出时移除该样式。
三、鼠标经过显示该行的编辑和删除链接
复制代码 代码如下:
$("tr").mouseover(
function(){
$(this).find(".p_none").show();
}
);
$("tr").mouseout(
function(){
$(this).find(".p_none").hide();
}
);
原理和第二条一样。
点这里查看演示
