替换CSS：使用jQuery悬停

Question

有没有办法自动替换所有或某些CSS :hover效果与jQuery（或纯JavaScript或其他库也可以）的平滑悬停？

E.g。如果某个元素定义了:hover样式，那么替换它而不必为每个元素手动编写JavaScript？

Answer 1

我觉得这种方法在网络进展方面倒退了。将演示文稿与脚本分开是一种很好的做法。标记也是如此：在一个完美的世界里，他们应该在实施过程中完全不同。

话虽如此，您可能能够使用CSS3过渡完成所需，但大多数旧版浏览器都不支持它们。见这里：https://developer.mozilla.org/en-US/docs/CSS/Using_CSS_transitions?redirectlocale=en-US&redirectslug=CSS%2FCSS_transitions

否则使用jQuery：

$('element').hover(function () {
    $(this).css({
        // styles in JSON
    });
});