在悬停时切换css颜色

Question

我正在尝试为这样的类添加高亮颜色

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

这有效,但为什么不这样做

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

当我将鼠标悬停在此时没有任何反应

当他们离开悬停时,是否没有移除来移除班级hover_me

Answer 1

在某些情况下,鼠标进入/离开事件的情况下,目前有两个错误,所以它正在工作,但是每次进/出都会翻转,所以没有净效果......现在,为了安全起见:

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

这是一个错误(我相信),因为.live()支持的更改.hover(),这会导致一些不必要的副作用,您可以像上面一样明确100%安全,所以如果每个处理程序运行多次,至少为了您的目的,没关系.