jQuery Basic Tutorial

jQuery Effects

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

If the class name is included as a parameter, only that class will be removed.

If the class name is not specified in the parameter, all classes will be removed.

Remove all classes

$.removeClass()

Remove the specified class

$.removeClass(className)

Use a function to remove a class

$.removeClass(function(index, currentClass))

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

Example

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

One can remove more than one class (separated by spaces) from a set of selected elements, as shown below:

Example

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

If the class name is not specified in the parameter, all classes will be removed:

Example

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

Use removeClass() to remove a class and add a new class using addClass():

Example

$("button").click(function(){
　　$("p").removeClass("red").addClass("green");
});

Parameter	Description
className	Specify one or more (separated by spaces) class names to be removed Note:If this parameter is empty, all class names will be removed
function(index, currentClass)	Returns a function to remove one or more class names separated by spaces index-Returns the index position of the element in the collection currentClass-Returns the current class name of the selected element