ADD AND REMOVE CSS CLASSES ON ELEMENTS WITH JQUERY
It is possible for you to dynamically add or remove CSS styles on elements through established class names. This is done by manipulating the class attribute on selected elements. Essentially, if you create an HTML tag such as <element>, you can dynamically convert it into <element class='classname'> and then back to <element>, all through jQuery. This process is similar to adding or removing attributes, as described earlier in this chapter, but different as a single class attribute can have multiple values.
There are four jQuery methods that you can use to manipulate an element’s class:
$(selector).addClass(classname); $(selector).removeClass(classname); $(selector).hasClass(classname); if ...