jquery - 使用 jQuery 突出显示行

Question

我想要一个函数，当鼠标悬停在表格上时突出显示表格的行。我目前有一个函数可以每隔一行创建一个替代行颜色，我想修改它而不是创建一个单独的函数。这是我所拥有的:

$(".tblRows tr:even").addClass("altColor");

哪里

.altColor TD {
background-color:#f5f5f5
}

我的 HTML 是

<table class="tblRows">
...

我知道有一个 jQuery 函数悬停()，但我不知道如何将它与我所拥有的结合起来。悬停时我希望它使用 class="hilite"

可能吗？

Answer 1

您有什么理由不直接使用 CSS 来实现此目的吗？

#myTable tr:hover {
    background: orange;
}

不适用于 <tr>在 IE6 中，但在其他地方也能工作。

示例: http://jsfiddle.net/auWGU/