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

Javascript 使用jQuery按顺序添加和删除类,javascript,jquery,Javascript,Jquery,我想说的是,如果我的div没有活动的类,就添加它。如果该类确实处于活动状态,请将其删除 下面,只有我的代码添加了类,然后继续查询并在最后删除它,最好的解决方案是什么,两个单独的单击函数 $('.work-showcase').click(function(){ if ( !$(this).hasClass('active') ){ $(this).addClass('active'); } else { $(this).removeClass('a

我想说的是,如果我的div没有活动的类,就添加它。如果该类确实处于活动状态,请将其删除

下面,只有我的代码添加了类,然后继续查询并在最后删除它,最好的解决方案是什么,两个单独的单击函数

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

$(“#YourID”).removeClass('ClassName');
$(“#YourID”).addClass('ClassName')

不管我如何添加类,当函数继续运行时,它将再次删除它,不是吗?对不起,我认为我没有足够清楚地解释我的目标@vision,我会更新question@Liam当前示例在单击事件时切换类。我在您的问题中看到,您希望在
.work showcase
单击事件上具有“切换”效果@对我来说,视觉安斯韦尔似乎是最好的。如果你想让这个类在多次点击时保持活跃,你需要两个按钮,并像@AbhijitPandya所说的那样分离逻辑
$(".work-showcase").click(function() {
    $(this).toggleClass("active");
})