Home arrow JavaScript arrow Adding and Removing CSS Classes with the jQuery JavaScript Library

Adding and Removing CSS Classes with the jQuery JavaScript Library

Welcome to the sixth article in a series that introduces the jQuery JavaScript library. Composed of eight approachable tutorials, this series steps you through using the most relevant methods included with the jQuery framework, complementing theory with numerous, illustrative hands-on examples.

Author Info:
By: Alejandro Gervasio
Rating: 5 stars5 stars5 stars5 stars5 stars / 12
September 16, 2009
  1. · Adding and Removing CSS Classes with the jQuery JavaScript Library
  2. · Adding and removing CSS classes on the fly
  3. · Dynamically adding a CSS class to a predefined web page element
  4. · Creating some basic mouse effects

print this article

Adding and Removing CSS Classes with the jQuery JavaScript Library
(Page 1 of 4 )


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!

blog comments powered by Disqus

- Project Nashorn to Make Java, JavaScript Wor...
- JavaScript Virus Attacks Tumblr Blogs
- Google Releases Stable Dart Version, JavaScr...
- Khan Academy Unveils New JavaScript Learning...
- Accessing Nitro? There`s an App for That
- JQuery 2.0 Leaving Older IE Versions Behind
- Fastest JavaScript Engine Might Surprise You
- Microsoft Adjusting Chakra for IE 10
- Brendan Eich: We Don`t Need Google Native Cl...
- An Overview of JavaScript Statements
- An Overview of JavaScript Operators
- Overview of JavaScript Variables
- More of the Top jQuery Social Plugins
- The Top jQuery Social Plugins
- More of the Top jQuery Slider Plugins

Watch our Tech Videos 
Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Weekly Newsletter
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 

Developer Shed Affiliates


© 2003-2019 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials