w3resource

jQuery: Remove all CSS classes using jQuery

jQuery Practical exercise Part - I : Exercise-18

Remove all CSS classes using jQuery.

Sample Solution:

HTML Code:

 <!DOCTYPE html>
  <html>
  <head>
  <script src="https://code.jquery.com/jquery-git.js"></script>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Remove all CSS classes using jQuery</title>
  </head>
  <body>
<p id="item" class="center large">This paragraph refers two classes.</p>
    
  <input type="button" value="Click to remove all classes" onclick="remove_classes()" />
  </body>
  </html>

CSS Code:

p.center {
    text-align: center;
    color: blue;
}

p.large {
    font-size: 200%;
}

JavaScript Code:

function remove_classes()
{
$("#item").removeClass();
}

See the Pen jquery-practical-exercise-18 by w3resource (@w3resource) on CodePen.


Contribute your code and comments through Disqus.

Previous: How to get the value of a textbox using jQuery.
Next: Remove style added with .css() function using jQuery.

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.



Follow us on Facebook and Twitter for latest update.