Example of usage of removeClass() method in jQuery_jquery

The example in this article describes the usage of the removeClass() method in jQuery. Share it with everyone for your reference. The specific analysis is as follows:

This method removes one or more classes from the matching element.
According to the different method parameters, there are the following syntax structures.

Grammar structure 1:
Method has no parameters. Remove all classes from matching elements.

Copy code The code is as follows:

$(selector).removeClass()

Example code:

The code can delete all css classes of the div.

Copy code The code is as follows:

Script Home welcomes you

Click to see the effect

Grammar structure 2:

Remove the specified class from the matching element

Copy code The code is as follows:

$(selector).removeClass(class)

参数	描述
class	一个或多个要删除的CSS类名。类名之间用空格分隔。

Example code:

Example 1:

Copy code The code is as follows:

Script Home welcomes you

Click to see the effect

Remove a specified class.

Example 2:

Copy code The code is as follows:

Script Home welcomes you

Click to see the effect

Remove two CSS classes, separated by spaces between class names.

Grammar structure three:

Copy code The code is as follows:

$(selector).removeClass(function(index,oldclass))

The function returns the class name to be removed.

Parameter list:

参数	描述
function(index,oldclass)	方法返回一个或多个空格分隔的要被移除的class名。 index - 可选，接受选择器的index 位置。 oldclass - 可选，接受选择器的原有类值。

Example code:

Example 1:

Copy code The code is as follows:

Script Home welcomes you

Click to see the effect

Use a function as a parameter, and the function returns a CSS class name to be deleted.

Example 2:

Copy code The code is as follows:

Script Home welcomes you

Click to see the effect

Using a function as a parameter, the function returns two CSS class names to be deleted, separated by spaces.