.addClass() Method

Syntax

$(selector).addClass(class)

Description

addClass() method is used to add or insert a CSS class to a specified element It only adds class event to the selected elements and will not replace or remove the existing class Multiple classes can be added to an element, seperating the class names with space. The below example shows you how to add a css class to a paragraph element.

Example Code

<style type="text/css"> .class1 { font-size:120%; font-weight: bold; color:green; } </style> <script type="text/javascript" src="jquery.js"></script> <link href='http://hscripts.com/style-new.css' rel='stylesheet' type='text/css'> <script type="text/javascript"> $(document).ready(function(){ $(":button").click(function(){ $("#para p:first").addClass("class1"); }); }); </script> <h3>Welcome to Hscripts.com</h3> <div id="para"> <p class="jq_ptag">Hscripts is praised as best free webmaster resources online, by our users.</p> <p class="jq_ptag">Free website content that help to develop, build, promote and maintain a web site. </p> </div> <input type="button" value="Test" onclick="test();"><br>