单击时添加和删除类 Jquery

Posted 2023-02-25

【中文标题】单击时添加和删除类 Jquery

【英文标题】：Add and remove class Jquery on click

【发布时间】：2016-03-30 10:25:49

【问题描述】：

有什么方法可以在点击时添加一个类，然后在 2 或 3 秒后将其删除？ 在此先感谢

【问题讨论】：

api.jquery.com/addclass

尝试使用.addClass,.removeClass(),setTimeout()。

是的，var $this = $this.addClass('magic'); setTimeout(function() $this.removeClass('magic');, 3000);

是的，谢谢 :)

【参考方案1】：

试试这个：

$("#your_click_element_id").on('click', function()

    $(this).addClass("class_name");//or $("#id_of_whatever_you_want)
    setTimeout(function() 
        $(this).removeClass('class_name');
    , 2000);
);

setTimout 将等待 2000 毫秒，然后执行 .removeClass()。

<style>
.class_name
    ...

</style>