javascript - 单击时在类别之间切换

Question

如何在每次点击时添加和删除类(class)？

原始代码

HTML:

<div class="box"></div>

CSS:

.box{
  width: 100px;
  height: 100px; 
  background: blue;
}

我想添加:

.rounded {
  border-radius: 10px;
}

我知道我必须使用框 div 上的单击功能，但我不知道如何添加类并删除它。

答案:

使用切换类

$(".box").click(function(){
   $(this).toggleClass("rounded");
});

Answer 1

其他解决方案只是在类之间切换。如果您想修改现有的值并从中添加/删除值，请使用以下命令:

$('.box').css('border-radius','50px');

并删除:

$('.box').css('border-radius', '');

<强> Working example .