在jQuery中,什么是在mouseover上添加类并在mouseout上删除它的最佳方法？

Question

这有jQuery快捷方式吗？

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

我看到在jQuery的文档称为方法hover(),但似乎对事件绑定mouseenter和mouseleave(我应该使用这些事件,而不是mouseover和mouseout？)

Answer 1

描述

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

看看样本和这个jsFiddle演示

样品

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

更多信息

• jsFiddle示范
• jQuery.hover()

Answer 2

删除代码重复的最简单方法是将一个参数传递给hover并使用toggleClass:

$(elem).hover(function() {
    $(this).toggleClass('hover');
});