X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY ANGULAR XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

jQuery removeClass() Method

jQuery HTML/CSS Methods jQuery HTML/CSS Methods

Example

Remove the class name "intro" from all <p> elements:

$("button").click(function(){
  $("p").removeClass("intro");
});

Try it yourself »

Definition and Usage

The removeClass() method removes one or more class names from the selected elements.

Note: If no parameter is specified, this method will remove ALL class names from the selected elements.


Syntax

$(selector).removeClass(classname,function(index,currentclass))

Parameter Description
classname Optional. Specifies one or more class names to remove. To remove several classes, separate the class names with space

Note: If this parameter is empty, all class names will be removed
function(index,currentclass) Optional. A function that returns one or more class names to remove
  • index - Returns the index position of the element in the set
  • currentclass - Returns the current class name of selected elements


Examples

Try it Yourself - Examples

Change the class name of an element
How to use addClass() and removeClass() to remove one class name, and add a new class name.

Remove class using a function
Using a function to remove a class from the selected elements.

Remove several class names
How to remove several class names from the selected elements.


jQuery HTML/CSS Methods jQuery HTML/CSS Methods


Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB HOSTING

UK Reseller Hosting

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates FREE Website Templates Free HTML Templates

SHARE THIS PAGE

facebook