如果使用 jQuery 更改 CSS 类，如何触发事件？

当使用 jQuery 更改元素的 CSS 类时，您可能想触发某些事件，例如在类添加或删除后立即更新页面。这可以通过使用 jQuery 的 addClass() 和 removeClass() 方法的回调函数来实现。

例如，以下代码将在单击按钮时，将 active 类添加到元素上，并且将在 active 类添加后触发 customFunction() 函数：

$('#myButton').click(function() {
  $('#myElement').addClass('active', function() {
    customFunction();
  });
});

类似地，以下代码将在单击按钮时，从元素中删除 active 类，并在 active 类删除后触发 customFunction() 函数：

$('#myButton').click(function() {
  $('#myElement').removeClass('active', function() {
    customFunction();
  });
});

需要注意的是，这种方式不是绑定事件处理程序，因此不会触发常规事件（如 click、mouseover 等）。如果需要这些事件的触发，请使用 on() 方法并在回调函数中触发。

比如，以下代码将在单击按钮时，将 active 类添加到元素上，并且将触发 click 事件：

$('#myButton').click(function() {
  $('#myElement').addClass('active', function() {
    $('#myElement').trigger('click');
  });
});

类似地，以下代码将在单击按钮时，从元素中删除 active 类，并且在 active 类删除后触发 mouseout 事件：

$('#myButton').click(function() {
  $('#myElement').removeClass('active', function() {
    $('#myElement').trigger('mouseout');
  });
});

以上是如何使用 jQuery 更改 CSS 类时触发事件的介绍。希望对您有所帮助！