如何使用 jQuery 在类列表中添加一个类并在 100 毫秒后删除 - JavaScript

在前端开发中，我们经常需要使用 jQuery 来修改 DOM 元素的类列表。这篇教程将会介绍如何在类列表中添加一个类，并在 100 毫秒后删除。

添加类

使用 jQuery 的 addClass() 方法可以在一个元素的类列表中添加一个或多个类。例如，以下代码将在 #my-element 元素中添加名为 my-class 的类：

$('#my-element').addClass('my-class');

上述代码执行后，#my-element 元素的类列表中将会包含 my-class 类。

延迟执行

要延迟执行操作，可以使用 setTimeout() 方法。该方法可以将一个函数推迟到一定时间后执行。以下代码将在 100 毫秒后执行名为 myFunction 的函数：

setTimeout(myFunction, 100);

上述代码执行后，等待 100 毫秒后，将会执行 myFunction 函数。

删除类

要删除一个元素的类列表中的某个类，可以使用 jQuery 的 removeClass() 方法。例如，以下代码将会从 #my-element 元素的类列表中删除名为 my-class 的类：

$('#my-element').removeClass('my-class');

上述代码执行后，#my-element 元素的类列表中将不再包含 my-class 类。

完整代码

以下是一个完整的例子，演示如何使用 jQuery 在类列表中添加一个类并在 100 毫秒后删除：

// 添加类
$('#my-element').addClass('my-class');

// 延迟 100 毫秒执行删除操作
setTimeout(function() {
  $('#my-element').removeClass('my-class');
}, 100);

上述代码将在 #my-element 元素中添加名为 my-class 的类，然后等待 100 毫秒后，将会从类列表中删除该类。

以上内容介绍了如何使用 jQuery 在类列表中添加一个类并在 100 毫秒后删除。如果你正在学习前端开发，建议多加练习，深入理解相关知识。