javascript - 替换 CSS :hover with jQuery

Question

有没有办法自动替换所有或某些 CSS :hover 效果为 jQuery 的平滑悬停(或者纯 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
    });
});