Remove all class jquery

In this article, we are going to learn about the different methods to add and remove classes from an HTML element using jQuery. There are two ways in which we can achieve this in jQuery.

Using the addClass() and removeClass() methods

The addClass()andremoveClass()methods are respectively used to add and remove the CSS classes when there is a need to add or remove them from the webpage on the occurrence of an event.

Syntax:

// Adding class using addClass()
$('selector').addClass(class_name);
// Adding class using removeClass()
$('selector').removeClass(class_name);

Example: The following example adds a class that makes the background color black when clicked on ADD CLASS button and also removes that added class when clicked on the REMOVE CLASS button.

Output:

Using the toggleClass() method

The toggleClass() method in jQuery is built to add and remove the class based on the occurrence of an event.

It will check whether the class exists in the class list or not. If the class is there in the list it will remove the

how to remove css class in jquery

how to remove multiple class in jquery