jquery - 使用 JQUERY 停止元素的悬停效果

Question

我有一些 div 元素，每个元素都有一个由 CSS 应用的 hover 效果。但我并不总是想要这种悬停效果；它应该只在特定条件下激活。

现在，当我的条件得到满足时，如何使用 jQuery 禁用那些 hover 效果？禁用 hover 的代码是什么？我无权访问 CSS 文件。

Answer 1

只需使用 jQuery hover而不是 CSS。

例如而不是这样的CSS:

#Div1:hover { background-color: yellow; }

有这个 jQuery:

$("#Div1").hover(function() {
    $(this).css("background-color", "yellow");
}, function() {
    $(this).css("background-color", "");
});

效果一样，你控制JS代码，可以有条件。
实时测试用例:http://jsfiddle.net/THXuc/