悬停时切换 CSS 颜色

我正在尝试向这样的类添加突出显示颜色

$(".common_box").hover(function(){
    $(".common_box").addClass("hover_me");
});

这可行，但为什么不行

$(".common_box").hover(function(){
    $(".common_box").toggleClass("hover_me");
});

当我将鼠标悬停在上面时什么也没有发生

当他们离开悬停时，是否没有取消悬停来删除类hover_me

目前在某些情况下存在一个错误，即鼠标进入/离开事件会触发两次，因此is工作，但它是双重切换每个输入/输出，所以没有净效果......现在，为了安全：

$(".common_box").hover(function(){
    $(this).addClass("hover_me");
}, function(){
    $(this).removeClass("hover_me");
});

这是一个错误（我believe）因为.live() http://api.jquery.com/live/支持的变化.hover() http://api.jquery.com/hover/，这会导致一些不需要的副作用，您可以像上面那样显式地保证 100% 安全，因此如果每个处理程序运行多次，至少对于您的目的而言，这是可以的。