如何在JQuery中为Div元素添加css类？

Question

如何在JQuery中为Div元素添加css类？我有一个带有css类的DIV，div包含一个表单。单击提交后，我希望原始的css类消失，并添加一个新类？我正在使用JQuery作为框架

Answer 1

$("#element_id").removeClass( "oldclass").addClass("newclass");

Answer 2

要添加类，请使用addClass：

$('#myDiv').addClass("blah");

因此，在您提交后，您可以执行以下操作：

$('#submit').click(function() {
    $('#myDiv').removeClass().addClass("blah");
});

调用不带参数的removeClass会删除链接到该元素的所有类。或者，您可以调用removeAttr（“style”）

Answer 3

我认为你可以使用

$("#target").addClass("newclass");

用于将类添加到elemet #target和

$("#target").removeClass("newclass");

删除它。

如果您不知道课程是否已经存在，您可以使用

$("#target").toggleClass("newclass");

如果它在那里，它将被移除，如果不存在，它将被添加。

Answer 4

由于OP没有提到任何ID，我会选择一个类选择器并选择集合中的第一个元素（这可能是错误的，当然）。

$(".OriginalClass").removeClass("OriginalClass").addClass("blah");

原始示例是错误的，因为集合中的元素是常规对象，因此它们没有removeClass和addClass方法。

当前示例删除了所有元素的类，这仍然存在缺陷，但在我看来，OP的效果会更好。