检测何时更改类名 jquery [重复]

Question

我会尝试检测我的特定类是否有额外的新类或已更改

    $('.tab').on('click',function(){
    $(this).addClass('active');
  alert('activated');
})


$('.tab').on('change', '.active',function(){
  alert('changed');
})

这是代码https://jsfiddle.net/k3ze0k27/

我尝试在更改时使用，但看起来我在函数内部犯了一个错误。

谁能帮我解决这个问题？ 谢谢你

Answer 1

a 标签不支持更改事件。使用一些输入标签也是如此。并检查类名是否处于活动状态或不使用element.hasClass()

$('.tab').on('click',function(){
	$(this).addClass('active');
  console.log('activated');
})


$('.tab').on('change',function(){
if($(this).hasClass('active')){
  console.log('changed');
}

})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input  class="tab">