Adding and Removing CSS Classes with the jQuery JavaScript Library

Introduction

In case the term “jQuery” doesn’t ring any bells for you, let me tell you that it’s the name of a new third-party JavaScript framework, and has became very popular with many web developers in the last few months, due to its friendly -- yet powerful -- programming interface.

Regardless of its relatively small size (approximately 14 KB compressed), jQuery comes with a impressive arsenal of methods that permit you to develop full-featured client-side applications without having to be a guru in JavaScript programming. So, if you’re interested in learning how to put this library to work for you in a short time, then you should start reading this article now!

As you’ll certainly recall, in the last article I discussed the manipulation of “focus” and “blur” events with “jQuery,” as well as the control of web form submissions via its “submit()” method. Nonetheless, there are many other useful features provided by this library that also deserve a close analysis. In this sixth part of the series, I’m going to discuss how to assign and remove CSS classes dynamically from a web document, in addition to using this handy capability to create appealing mouse over effects.

Are you ready to continue this educational journey? So, let’s get going!