jQuery removeClass() Method

## jQuery Tutorial

jQuery HOME jQuery Intro jQuery Install jQuery Syntax jQuery Selectors jQuery Events

## jQuery Effects

jQuery Hide/Show jQuery Fade jQuery Slide jQuery Animate jQuery stop() jQuery Callback jQuery Chaining

## jQuery HTML

jQuery Get jQuery Set jQuery Add jQuery Remove jQuery CSS Classes jQuery css() jQuery Dimensions

## jQuery Traversing

jQuery Traversing jQuery Ancestors jQuery Descendants jQuery Siblings jQuery Filtering

## jQuery AJAX

jQuery AJAX Intro jQuery Load jQuery Get/Post

## jQuery Misc

jQuery noConflict()

## jQuery Examples

jQuery Examples jQuery Quiz jQuery Certificate

## jQuery References

jQuery Selectors jQuery Events jQuery Effects jQuery HTML/CSS jQuery Traversing jQuery AJAX jQuery Misc jQuery Properties

# jQuery removeClass() Method

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

## 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

## Your suggestion:

Your E-mail (optional):

Page address:

Description:

Close [X]

## Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

## WEB HOSTING

Best Web Hosting UK Reseller Hosting Wow! $5 SSD Hosting

## WEB BUILDING

Download XML Editor
FREE Website BUILDER FREE Website Creator

## WEB RESOURCES

Web Statistics Web Validation

## SHARE THIS PAGE