Get and Set CSS Classes

• addClass() – Adds one or more classes to the selected elements
• removeClass() – Removes one or more classes from the selected elements
• toggleClass() – Toggles between adding/removing classes from the selected elements
• css() – Sets or returns the style attribute

A. addClass():

$(“button”).click(function(){
$(“h1, h2, p”).addClass(“blue”);
$(“div”).addClass(“important”);
});

B. removeClass():

$(“button”).click(function(){
$(“h1, h2, p”).removeClass(“blue”);
});

C. toggleClass():

$(“button”).click(function(){
$(“h1, h2, p”).toggleClass(“blue”);
});

D. css():

$(“p”).css({“background-color”: “yellow”, “font-size”: “200%”});