如何添加和删除CSS类 [英] how to add and remove css class

问题描述

如何删除CSS默认类

这是我的div

<div id="messageContainer">

这是我的CSS课

#messageContainer{  
  height:26px;  
  color:#FFFFFF;    
  BACKGROUND-COLOR: #6af; 
  VERTICAL-ALIGN: middle;
  TEXT-ALIGN: center;
  PADDING-TOP:6px;  
}

我要删除默认类和新的CSS类

I want to remove default class and new css class

请帮助；

推荐答案

您可以通过两种方式进行处理.一，使用两个类，然后将它们彼此交换掉:

You can approach it two ways. One, use two classes and literally swap them out for each other:

.red { background: red }
.green { background: green }

然后在jQuery中:

And then in jQuery:

$("#messageContainer").attr('class','green'); // switch to green
$("#messageContainer").attr('class','red'); // switch to red

或者，您可以使用CSS命令来切换单个类:

Or you can use CSS order to toggle a single class:

#messageContainer { background: red }
#messageContainer.green { background: green }

然后:

$("#messageContainer").toggleClass("green");

这将在每次调用时改变背景.

That would alternate backgrounds every time it was called.

这篇关于如何添加和删除CSS类的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！