Remove the "head", "intro" and "main" class from the selected elements - Javascript jQuery Method and Property

Javascript examples for jQuery Method and Property:removeClass

  1. HOME
  2. Javascript
  3. jQuery Method and Property
  4. removeClass

Description

Remove the "head", "intro" and "main" class from the selected elements

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $("p, h1").removeClass("head intro main");
    });/*from  w  w  w  . j a  va2  s . co  m*/
});
</script>
<style>
.head {
    font-size: 2em;
    color: green;
}

.intro {
    font-size: 120%;
    color: red;
}

.main {
    font-size: 20px;
    color: blue;
}
</style>
</head>
<body>

<h1 class="head">This is a heading</h1>

<p class="intro">This is a paragraph.</p>
<p class="main">This is another paragraph.</p>

<button>test</button>

</body>
</html>

Related Tutorials