[英]Jquery class change hover over effect
Is there a better way to do the following?: 有没有更好的方法来做到以下几点?:
$('.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');
})
}
})
It's for a simple hover over effect using font-awesome classes. 这是使用font-awesome类进行简单的悬停效果。
I think the cleanest way is to use jquery functions hover() and toggleClass() : 我认为最干净的方法是使用jquery函数hover()和toggleClass() :
$('.favorite').hover(function(){
$(this).toggleClass("fa-star fa-star-o");
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.