<p>实用的jQuery表格样式（隔行换色和鼠标经过高亮并显示隐藏内容）</p><p>文章分类：XHTML相关</p><p></p><p>后台中经常会用到表格隔行换色、鼠标经过高亮显示当前行、鼠标经过显示该行的编辑和删除链接，相信童鞋们都用过这些效果，用jQuery实现这些效果灰常的简单：</p><p>一、隔行换色：</p><p>JavaScript代码</p><p>$("tr:odd").addClass("tr_bg"); </p><p>就是说将表格的偶数行添加名为tr_bg的样式，当然，tr_bg的样式就是用来表示背景色的。</p><p>二、鼠标经过高亮显示当前行：</p><p>Java代码</p><pre class="brush:js;toolbar:false">$("tr").mouseover(
function(){
$(this).addClass("tr_over");
}
);
$("tr").mouseout(
function(){
$(this).removeClass("tr_over");
}
);</pre><p>鼠标经过时将该行添加名为tr_over的样式，鼠标移出时移除该样式。</p><p>三、鼠标经过显示该行的编辑和删除链接：</p><p>JavaScript代码</p><pre class="brush:js;toolbar:false">$("tr").mouseover(
function(){
$(this).find(".p_none").show();
}
);
$("tr").mouseout(
function(){
$(this).find(".p_none").hide();
}
);</pre><p><br/></p><p>原理和第二条一样。</p>