Real Time Jquery Editor

KW Online Tools Zone

REMOVEADDCLASS

[Jquery editor]

Run

Share Link

Clear

HTML [Ctrl+Enter] - to run <div class="one">click here to add class name 'selected' with next element</div> <div class="two">After click the element the selected class css applied here</div> <div class="three">click here to remove class name 'selected' from the above element</div>	CSS [Ctrl+Enter] - to run .selected{ color:red; font-size:20px; }
Jquery [Ctrl+Enter] - to run $(document).ready(function(){ $(".one").click(function(){ $(".two").addClass('selected'); }); $(".three").click(function(){ $(".two").removeClass('selected'); }); });	OUTPUT