jquery - jQuery 中 CSS 类更改的触发事件

Question

如果使用 jQuery 添加或更改 CSS 类，我如何触发事件？ 更改 CSS 类会触发 jQuery change() 事件吗？

Answer 1

每当您更改脚本中的类时，您都可以使用触发器 引发您自己的事件。

$(this).addClass('someClass');
$(mySelector).trigger('cssClassChanged')
....
$(otherSelector).bind('cssClassChanged', data, function(){ do stuff });

但除此之外，不，没有内置的方法可以在类更改时触发事件。 change() 仅在焦点离开输入已更改的输入后触发。

$(function() {
  var button = $('.clickme')
      , box = $('.box')
  ;
  
  button.on('click', function() { 
    box.removeClass('box');
    $(document).trigger('buttonClick');
  });
            
  $(document).on('buttonClick', function() {
    box.text('Clicked!');
  });
});

.box { background-color: red; }

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

<div class="box">Hi</div>
<button class="clickme">Click me</button>

More info on jQuery Triggers