9 of 119 menu

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

enru