JSFiddle - React, Tailwind, and code Playground

by Dineshkani

HTML

<div class='sample'>Hello Jquery</div>

<div class='reds'>Hello Jquery</div>

<input type="button" value="Find class" id="butjq"/>

CSS

.sample{
    font-size: 35px;
    color: blue;
    position: relative;
    height: 80px;
}
.reds{
    font-size: 35px;
    color: red;
    position: relative;
    height: 80px;
}

JavaScript

//In Jquery

$("#butjq").click(function(){
     if ($("div").hasClass('sample'))
     {
         $("div").removeClass('sample');
         $("div").addClass('reds');
     }
});