使用jQuery删除类

时间:2012-07-12 11:14:51

标签: javascript jquery css

上午,

我是否可以在jQuery中使用通配符来删除元素中的类?

我正在将新类应用到我的信息消息框中,如果用户单击一次,然后再次单击它,则会添加新类,但保留现有类。

我需要删除上一个类,然后为样式添加新类。有什么想法吗?

 <div id="infoMsg" style="display: block; " class="er-green er-red">All submitted feeds are complete.</div>

正如你所看到的原始课程是绿色的,它已经添加了红色。

4 个答案:

答案 0 :(得分:6)

removeClass()方法

$('#infoMsg').removeClass('er-green');//just removes class

$('div').click(function(){
   $(this).removeClass('er-green');//removes class clicked element
   $(this).addClass('er-red');//adds class clicked element
});

答案 1 :(得分:4)

业:

$(this).removeClass('er-green');
$(this).addClass('er-red');

首先删除所有内容:

  

如果包含类名作为参数,则只会从匹配元素集中删除该类。如果参数中未指定类名,则将删除所有类。

$(this).removeClass();
$(this).addClass('er-red');

答案 2 :(得分:4)

$("#infoMsg").removeClass('er-green').addClass('newclass') 

答案 3 :(得分:3)

你可以使用jquery removeclass

$('#infoMsg').removeClass('er-green');

同样明智的你也可以在你的html中添加一个css类

$('#infoMsg').addClass('er-red');