使用 jQuery 按顺序添加和删除类答案

【问题标题】：add and remove classes in order with jQuery使用 jQuery 按顺序添加和删除类
【发布时间】：2013-01-23 14:07:37
【问题描述】：

我想说的是，如果我的 div 没有活动的类，请添加它。如果它确实激活了该类，请将其删除。

我有以下，只有我的代码添加类，然后继续查询并在最后删除它，最好的解决方案是什么，2个单独的点击功能？

$('.work-showcase').click(function(){
    if ( !$(this).hasClass('active') ){
        $(this).addClass('active');
    } else {
        $(this).removeClass('active');
    };
});

【问题讨论】：

我在您的问题中看到您希望对.work-showcase 点击事件产生“切换”效果。 @VisioN 答案对我来说似乎是最好的。如果您想让课程在多次点击时保持活动状态，您需要两个按钮并将逻辑分开，如@AbhijitPandya 所说

标签： javascript jquery

【解决方案1】：

使用toggleClass方法：

$(".work-showcase").click(function() {
    $(this).toggleClass("active");
})

【讨论】：

无论如何我添加类，当函数继续它会再次删除它不是吗？
对不起，我认为我没有足够清楚地解释我的目标@vision，我更新问题了
@Liam 当前示例在点击事件时切换类。

【解决方案2】：

$("#YourID").removeClass('ClassName'); $("#YourID").addClass('ClassName');

【讨论】：