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 ...

Get HTML5: Your visual blueprint™ for designing rich web pages and applications now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.