jquery - 使用 jQuery 的表格行的背景颜色

Question

我有一个简单的表格，当用户将鼠标悬停在行元素上时，我使用 jQuery 更改行颜色。

$('tr').on('mouseenter', function(){
    $(this).css({background:'#f00'});
});
$('tr').on('mouseout', function(){
    $(this).css({background:''});
});

当用户将鼠标从 A 列移动到 B 列(同一行)时，将触发 mouseout 事件。

jsFiddle here .

测试用例:将鼠标移到其中包含“Foo”的单元格上。将鼠标向右移动到其中包含“Bar”的单元格。该行应保持红色，但事实并非如此。

在 IE11 和 Chrome 42.0.2311.152m 中测试。由于我实际使用的选择器，CSS 不合适。 (附有minimal complete verifiable example)。

Answer 1

您可以只使用 CSS 来处理样式:

tr:hover {
    background-color:#f00;
}

jsFiddle here