javascript - 用 jQuery 替换 CSS :hover

Question

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

例如，如果为一个元素: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
    });
});