Use Jquery to Change CSS Class

Jquery is really a powerful script. You can use this to add or remove class name of a CSS declaration.

<script type="text/javascript" 
src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>

 

To do this, you need to have the jquery script first. The code may vary depending on the latest version.

After this, you can insert the following code:

<script type="text/javascript">
$(document).ready(function(){	
	$('.blue').removeClass('blue').addClass('green');
});
</script>

You now have replaced the class name “blue” with “green”

Do you want to become a jQuery master?

Here’s a link to a full course to become a jQuery expert. You can watch this 6-hour video tutorial on your TV, computer, or mobile phone. You’ll also get a certificate of completion and full lifetime access to the course.

The Complete jQuery Course: From Beginner To Advanced

Best Selling Online Courses

Aside from learning jQuery, you may also want to learn more about other online courses.

  1. Learn to how create a website
  2. I want to learn how to make mobile apps for Andoid and IOS 
  3. Learn How to Make Games
  4. I’m Interested in Learning Business and Management
  5. I want to improve my knowledge in IT and Software developement
  6. I want to be a Graphic Designer
  7. I want to be an Online Marketing Expert
  8. Become a Musician
  9. Become a Health and Fitness guru
*Some links may contain affiliate links. I may get small commission from your purchases to fund this website and to avoid annoying ads.