如何首先隐藏类并仅在jQuery中悬停时显示？

Question

我有以下切换脚本：

  $('.edit_bg').on({
    mouseenter: function () {
      $(this).addClass('edit_bg');
    },
    mouseleave: function () {
      $(this).removeClass('edit_bg');
    }
  });

但这是在我第一次悬停那个div之后的作用。

我应该如何在启动时从div中删除所有.edit_bg类，并能够在悬停时显示它们？

Answer 1

on函数后执行removeClass。

$('.edit_bg').on({
    mouseenter: function () {
        $(this).addClass('edit_bg');
    },
    mouseleave: function () {
        $(this).removeClass('edit_bg');
    }
}).removeClass('edit_bg');

Answer 2

我理解您要使用Javascript / jQuery实现的目标，但您可以使用css实现它：

.edit_bg
{
    background-color: blue;
}

.edit_bg:hover
{
    background-color: red;
}

看，妈！没有javascript！ http://jsfiddle.net/adrianonantua/rv9ht/