测试，如果格是活动的jQuery

Question

我有格，我想如果是active做一些事情，如果不取消changement ..

这是HTML：

<div class="heart"></div> 

的CSS：

.heart:active { 
    background-position: -2800px 0; 
    transition: background 1s steps(28); 
} 
.heart.active{ 
    background-position: -2800px 0; 
    transition: background 1s steps(28); 
} 

什么，我试图做的：

jQuery('.heart').click(function(){ 
    jQuery(this).toggleClass('active'); 
    if($('.heart').css('active') != null) { 
    /* Change*/ 
} 
else { 
    /*Cancel change*/ 
} 
}); 

请帮忙。

Answer 1

您可以使用.hasClass()

jQuery('.heart').click(function() { 
    jQuery(this).toggleClass('active'); 
    if ($(this).hasClass('active')) { 

    } else { 

    } 
}); 

Answer 2

你可以用它代替CSS .hasClass()功能要添加一个类不是一个CSS属性

$('.heart').click(function(){ 
    $(this).toggleClass('active'); 
    if($('.heart').hasClass('active')) { 
    /* Change*/ 
} 
else { 
    /*Cancel change*/ 
} 
});