悬停切换类

假设你希望当用户将鼠标悬停在可点击的元素上时，它会改变颜色。那么你可以在用户悬停的时候添加类到元素中，反之则删除类：

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

你只需要添加必要的CSS即可。更简单的方法是使用toggleClass 方法：

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

注：可能在这种情况下，CSS这种解决方案更快，不过了解这个方法很有必要。