[jquery] Removing multiple classes (jQuery)

Is there any better way to rewrite this:

$('element').removeClass('class1').removeClass('class2');

I cannot use removeClass(); as it would remove ALL classes, which I don't want.

There are many ways can do that!

jQuery

1. remove all class
   $("element").removeClass();
   OR
   $("#item").removeAttr('class');
   OR
   $("#item").attr('class', '');
   OR
   $('#item')[0].className = '';

2. remove multi class
   $("element").removeClass("class1 ... classn");
   OR
   $("element").removeClass("class1").removeClass("...").removeClass("classn");

Vanilla Javascript

1. remove all class

// remove all items all class  _x000D_
const items = document.querySelectorAll('item');_x000D_
for (let i = 0; i < items.length; i++) {_x000D_
    items[i].className = '';_x000D_
}

2. remove multi class

// only remove all class of first item_x000D_
const item1 = document.querySelector('item');_x000D_
item1.className = '';

Since jQuery 3.3.0, it is possible to pass arrays to .addClass(), .removeClass() and toggleClass(), which makes it easier if there is any logic which determines which classes should be added or removed, as you don't need to mess around with the space-delimited strings.

$("div").removeClass(["class1", "class2"]); 

You must be separate those classes which you want to remove by white space$('selector').removeClass('class1 class2');

Separate classes by white space

$('element').removeClass('class1 class2');

The documentation says:

class (Optional) String
One or more CSS classes to remove from the elements, these are separated by spaces.

Example:

Remove the class 'blue' and 'under' from the matched elements.

$("p:odd").removeClass("blue under");

$('element').removeClass('class1 class2');

Here are the docs.

jQuery .removeClass() documentation.

One or more CSS classes to remove from the elements, these are separated by spaces.