Use Jquery to Change CSS Class

by monstertutor

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

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

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

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”

Related posts:

Show Posts by Category in WordPress
WordPress Menu Tutorial
Limit the Number of Words/Character in WordPress Excerpt
WordPress CSS Template Core



Category: CSS, Jquery
Tags: cheat sheet, coding