Click Upvote Click Upvote - 1 year ago 66
jQuery Question

How to remove all CSS classes using jQuery?

Instead of individually calling

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.

Answer Source

Calling removeClass with no parameters will remove all of the item's classes.

You can also use (but is not necessarily recommended, the correct way is the one above):

$("#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 = '';