The removeClass method
The removeClass
method removes the specified CSS class from the class
attribute. You can remove one or more classes at a time.
Syntax
One CSS class:
$(selector).removeClass(CSS class name)
Several CSS classes:
$(selector).removeClass('class1 class2 class3 ...')
Applying a function to each element in a set:
$(selector).removeClass(function(number in set, current CSS classes of element))
Example
Our paragraph already has two classes. Let's remove the www
class:
<p id="test" class="eee www">text</p>
$('#test').removeClass('www');
HTML the code will look like this:
<p id="test" class="eee">text</p>
Example
Our paragraph already has a class. Let's remove that class:
<p id="test" class="www">text</p>
$('#test').removeClass('www');
HTML the code will look like this:
<p id="test" class="">text</p>
Example
Our paragraph already has 3
classes. Let's remove two classes - www
and ggg
:
<p id="test" class="eee www ggg">text</p>
$('#test').removeClass('www ggg');
HTML the code will look like this:
<p id="test" class="eee">text</p>
See also
-
methods
addClass
,toggleClass⁅/ c⁆, ⁅c href="/en/javascript/lib/jquery/manual/hasClass/"⁆hasClass
-
JavaScript property
classlist
,
with which you can add and remove CSS classes of an element in pure JavaScript