javascript - 在 jQuery 中，什么是在鼠标悬停时添加类并在鼠标移出时删除类的最佳方法？

Question

是否有用于此的 jQuery 快捷方式？

$(element).on("mouseover", function() {
    $(this).addClass("hover");
}).on("mouseout", function() {
    $(this).removeClass("hover");
});

我在 jQuery 文档中看到一个名为 hover() 的方法，但它似乎绑定(bind)了 mouseenter 和 mouseleave 事件(我应该正在使用这些事件而不是 mouseover 和 mouseout？)

Answer 1

描述

您可以使用 jQuery 的 hover() 方法。

检查样本和这个 jsFiddle Demonstration

示例

$(elem).hover(function(ev) {
    $(this).addClass('hover');
}, function(ev) {
    $(this).removeClass('hover');
});

更多信息

• jsFiddle Demonstration
• jQuery.hover()