javascript - 单击 jQuery 时删除或添加额外的类

Question

我几乎试图通过单击 div 来切换“orange”类中添加的额外首选项。它添加了该类，没有任何问题，但我无法通过再次单击来删除它。

$("div.hidden").click(function(){
   $(this).addClass("orange");
});

$("div.orange").click(function(){
   $(this).removeClass("orange");
});


<div class="hidden"></div>

.hidden{
    width:100px;
    height:100px;
    float:left;
    background-color:#ccc;
    margin-bottom:5px;
    margin-right:5px;
}

.orange {background-color:#F90;}

当我单击 div 框时，它会更改为 class="hidden Orange"

因此我也尝试过

$("div.hidden orange").click(function(){
   $(this).removeClass("orange");
});

简单地从“橙色”中剥离“隐藏的橙色”并保持原样，但它不起作用。

在现有类(class)之后切换类(class)的正确方法是什么？

Answer 1

$("div").click(function(){
   $(this).toggleClass("orange");
});