當 CSS 類別發生變化時，如何在 jQuery 中觸發事件？

在jQuery 中根據CSS 類別變更引發事件

挑戰：
當CSS 類別變更時，是否可以使用jQuery 觸發事件添加或修改？更改 CSS 類別是否會自動呼叫 jQuery change() 事件？

解決方案：
當 CSS 類別發生變更時，jQuery 本身並不會提供事件。但是，您可以在更改腳本中的類別時使用觸發器觸發您自己的事件：

$(this).addClass('someClass');
$(mySelector).trigger('cssClassChanged');

然後，將自訂事件綁定到選擇器以指定類別更改時要採取的操作：

$(otherSelector).bind('cssClassChanged', data, function(){ do stuff });

jQuery 中的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>

以上是當 CSS 類別發生變化時，如何在 jQuery 中觸發事件？的詳細內容。更多資訊請關注PHP中文網其他相關文章！