删除悬停样式？

Question

我有一个表和这样的样式：

.highlightrows tbody tr:hover {
  background-color: #aaaaff;
 }

然后我在该行上有一个单击处理程序，以从表中删除该行并将其添加到另一个表中。当我单击鼠标时，我当然将鼠标悬停在该行上，因此应用了样式。 我的问题是，当我将其附加到另一个表时，悬停样式不会被删除。如何删除 jQuery 中的样式？

编辑： 我做了一个 jsFiddle 来描述我的问题。 小提琴

Answer 1

你有两张桌子...为什么不这样做呢？

#table1.highlightrows tbody tr:hover {
  background-color: #aaaaff;
}

#table2.highlightrows tbody tr:hover {
  background: none;
}

Answer 2

哈，这似乎是浏览器的一个错误，因为您不再将鼠标悬停在该元素上。

无论如何，您可以尝试

$(this).css("background-color", "transparent");

或以其他方式将其设置为其默认颜色，在移动它之后。

:hover 不是一种样式，据我所知，您无法从元素中删除它 - 只有浏览器可以做到这一点。您唯一能做的就是在实际元素上强制使用默认样式

Answer 3

我刚刚遇到这个问题。

我的 CSS 中有一个 :hover 样式，在运行 java 脚本时我不希望 :hover 生效。我找不到删除该类的方法，因此我决定通过将带有新属性的新类附加到头部来覆盖该类。

CSS

.myStyle:hover {
    display: block; background: #efefef;
}

JavaScript

$("head").append("
    <style type='text/css'>
        .myStyle:hover { display: none; background: #ff0000; }
    </style>);

希望有帮助