.removeClass() Method

Syntax

$(selector).removeClass(classname)

Description

".removeClass()" method is used to remove CSS class from the selected element. Multiple classes can be removed from an element, seperating the class names with space.
Note: If "classname" parameter is empty, all classes will be removed from the selected elements. The below example shows you how to remove a css class from the paragraph element.

Example Code

<br><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").removeClass("class1"); }); }); </script> <h3>Welcome to Hscripts.com</h3> <div id="para"> <p class="class1">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>