Jquery类更改悬停在效果上

Question

有更好的方法来执行以下操作吗？：

$('.favorite').mouseenter(function(){
    var el = $(this);
    if(el.hasClass('fa-star-o')) {
        el.removeClass('fa-star-o');
        el.addClass('fa-star');

        el.mouseleave(function(){
            el.removeClass('fa-star');
            el.addClass('fa-star-o').unbind('mouseleave');
        })
    }
})

使用font-awesome类进行简单的悬停效果。

Answer 1

我认为最干净的方法是使用jquery函数hover()和toggleClass()：

$('.favorite').hover(function(){
     $(this).toggleClass("fa-star fa-star-o"); 
});