Menu
Instead of individually calling $("#item").removeClass() for every single class an element might have, is there a single function which can be called which removes all CSS classes from the given element?
Both jQuery and raw JavaScript will work.
910
To remove all CSS classes of an element, we use removeClass() method. The removeClass() method is used to remove one or more class names from the selected element.
To remove all classes from an element, use the removeAttribute() method, e.g. box. removeAttribute('class') . The method removes will remove the class attribute from the element, effectively removing all of the element's classes.
As of jQuery 1.4, the . removeClass() method allows us to indicate the class to be removed by passing in a function.
addClass() - Adds one or more classes to the selected elements. removeClass() - Removes one or more classes from the selected elements. toggleClass() - Toggles between adding/removing classes from the selected elements.
$("#item").removeClass(); Calling removeClass with no parameters will remove all of the item's classes.
You can also use (but it is not necessarily recommended. The correct way is the one above):
$("#item").removeAttr('class'); $("#item").attr('class', ''); $('#item')[0].className = ''; If you didn't have jQuery, then this would be pretty much your only option:
document.getElementById('item').className = ''; Hang on, doesn't removeClass() default to removing all classes if nothing specific is specified? So
$("#item").removeClass(); will do it on its own...
35
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
