jQuery example: Remove Classes

Example how remove(deletes) multiple clasess to elements with onclick button function

by ITpresent

HTML

<div id="content" class="a">

   <h1 class="b">JQUERY TUTORIAL</h1>
   <br>
   <h2 class="c">removeClass() method</h2>
   <br>
   <h3 class="d">Javascript Language</h3>

   <button>CLICK HERE</button>
<br>
</div>


















<br>
<a href="https://itpresent.com/web/jquery/jquery_removeClass_onclick_button.php">jQuery example: Remove Classes by Onclick Button</a>

CSS

.a {
background-image: url("https://websitebackgrounds.itpresent.com/graphics/images/class_cs.jpg");
}
.b {
color: blue;
}
.c {
color: maroon;
text-shadow: 2px 1px 0px orange;
}
.d {
background-color: lime;
color: red
}

JavaScript

$(document).ready(function() {
  $("button").click(function() {
    $("#content").removeClass("a");
    $("h1").removeClass("b");
    $("h2").removeClass("c");
    $("h3").removeClass("d");
  });
});