Getting Started with jquery (16) setting or getting the element's CSS class

The jquery support method is used to manipulate CSS properties of HTML elements
The following method provides a CSS action method for jquery:

AddClass () – adds one or more CSS classes to the specified element.

Removeclass () – Deletes one or more CSS classes for the specified element.

Toggleclass () – Toggles between adding/removing CSS classes for the specified element.

CSS ()-Sets or gets the CSS type attribute.

The following stylesheet is used for a later example in the CSS style:

. Important   

  
 {     
 font-weight:bold;     
 Font-size:xx-large     
 }     
         
 . Blue 
 {     
 color:blue;     
 }

JQuery AddClass Sample

The following example adds a CSS style class to a given element

<! DOCTYPE html>