小编典典

在 jQuery 中触发 CSS 类更改的事件

all

如果使用 jQuery 添加或更改 CSS 类,我如何触发事件?更改 CSS 类会触发 jQuerychange()事件吗?


阅读 61

收藏
2022-05-26

共1个答案

小编典典

每当您更改脚本中的类时,您都可以使用 atrigger来引发您自己的事件。

$(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>

更多关于 jQuery 触发器的信息

2022-05-26