当类名改变jquery时检测

时间:2017-10-03 09:53:41

标签: javascript jquery

我尝试检测我的特殊类别,如果它有一个额外的新类或更改

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


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

继承代码https://jsfiddle.net/k3ze0k27/

我尝试使用更改,但看起来我在函数内部出错了。

任何人都可以帮我解决这个问题吗? 三江源

1 个答案:

答案 0 :(得分: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">