按jQuery顺序添加和删除类

问题描述：

我试图说，如果我的div没有活跃的类添加它。如果它确实让课程活跃，请将其删除。按jQuery顺序添加和删除类

伊夫以下，只有我的代码添加类，然后继续查询并在结束中删除，将最好的解决办法是什么，2 seperat点击funcitons？

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

我在你的问题中看到你想对'.work-showcase'点击事件产生“切换”效果。 @VisioN answwer似乎对我来说是最好的。如果你想保持多个点击活跃的类，你将需要两个按钮，并分开逻辑像@AbhijitPandya说 –

答

使用toggleClass方法：

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

然而，我添加类，当功能继续它将去除它不是吗？ – Liam

对不起，我不认为我解释清楚我的目标@vision，不适合更新问题 – Liam

@Liam当前示例切换点击事件的类。 – VisioN

答

$（ “＃YourID”）removeClass（ '类名'）; $（“＃YourID”）。addClass（'ClassName'）;

按jQuery顺序添加和删除类

相关推荐