Jquery类改变悬停效果

Jquery class change hover over effect

本文关键字：悬停 改变 Jquery      更新时间：2023-09-26

是否有更好的方法来做以下事情?: 

$('.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类

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

$('.favorite').hover(function(){
     $(this).toggleClass("fa-star fa-star-o"); 
});
相关文章：