How do I add a css class to an Div element in JQuery? I have a DIV with a css class and the div contains a form. After clicking on submit I want the original css class to disappear and a new class to be added? I'm using JQuery as a Framework
-
4Is there anything wrong with the jQuery documentation? Should not have been hard to find that in there.Tomalak– Tomalak2009-07-07 10:11:27 +00:00Commented Jul 7, 2009 at 10:11
-
Much easier to ask and get the answer than spend time reading.Artem Barger– Artem Barger2009-07-07 10:12:36 +00:00Commented Jul 7, 2009 at 10:12
-
The jQuery documentation is very good, but it's sometimes a little hard to quickly find what you're after.Philippe Leybaert– Philippe Leybaert2009-07-07 10:14:30 +00:00Commented Jul 7, 2009 at 10:14
-
@activa, use api.jquery.comArtem Barger– Artem Barger2009-07-07 10:16:16 +00:00Commented Jul 7, 2009 at 10:16
-
hmm, a simple "jquery+add class" in google would give instant gratificationredsquare– redsquare2009-07-07 10:43:10 +00:00Commented Jul 7, 2009 at 10:43
|
Show 1 more comment
4 Answers
$("#element_id").removeClass( "oldclass").addClass("newclass");
Comments
To add a class, use addClass:
$('#myDiv').addClass("blah");
So upon your submit you can do something like:
$('#submit').click(function() {
$('#myDiv').removeClass().addClass("blah");
});
Calling removeClass with no parameters removes all classes linked to that element. Alternatively, you can call removeAttr("style")
Comments
I think you can use
$("#target").addClass("newclass");
for adding the class to the elemet #target and
$("#target").removeClass("newclass");
to remove it.
If you dont know wether the class is already there or not you can use
$("#target").toggleClass("newclass");
if its there, it will be removed, and if its not there it will be added.
Comments
Since OP didn't mention any ids I would go with a class selector and picking the first element in collection (which could be wrong, offcourse).
$(".OriginalClass").removeClass("OriginalClass").addClass("blah");
The original example was wrong, as the elements in the collection are regular objects and as such they don't have the removeClass and addClass methods.
The current example removes the class for all elements, which is still flawed, but in my opinion works better with what OP wanted.