javascript - 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');
        })
    }
})

这是一个简单的悬停效果，使用超棒的字体类。

Answer 1

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

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