Javascript 切换类/Id

所以对于我的网站，我想要一个完整的系统，你可以显示你完成了视频或漫画。我意识到我应该有一个以红色开始的

div

，但你可以点击

div

变为绿色，也可以再次点击切换回红色以防万一。我做了一些研究，得到了一些答案，比如

toggleClass

，

addClass

和

removeClass

，但是Javascript由于某种原因无法工作

基本示例：

.undone/*默认类*/
{宽度：100px；高度：100px；背景色：红色；}
.done/*替换类*/
{宽度：100px；高度：100px；背景色：绿色；}

---

处理

单击
事件并在处理程序内切换
.done
类

jQuery


$（'myDiv'）。在（'click'，function（）上{
$（this.toggleClass（'done'）；
});
.undone
{宽度：100px；高度：100px；背景色：红色；}
.完成
{宽度：100px；高度：100px；背景色：绿色；}
处理
单击事件并在处理程序内切换
.done
类

jQuery


$（'myDiv'）。在（'click'，function（）上{
$（this.toggleClass（'done'）；
});
.undone
{宽度：100px；高度：100px；背景色：红色；}
.完成
{宽度：100px；高度：100px；背景色：绿色；}