在悬停时切换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％安全，所以如果每个处理程序运行多次，至少为了你的目的，它就没问题。

Answer 2

试试这个

  $(".common_box").mouseover(function() {
    $(this).addClass("hover_me");
  }).mouseout(function(){
    $(this).removeClass("hover_me");
  });