onclick add and remove class using jquery code example
Example 1: jquery remove class
Basic Syntax:
$(element).removeClass( "myClass yourClass" )
-------------------------------------------------------------------------------------
Html code example:
<p class="red highlight">test1</p>
<p class="red highlight marked">test2</p>
<p class="red highlight">test3</p>
<p class="red highlight">test4</p>
<script>
$( "p" ).removeClass( "highlight" )
</script>
<p class="red">test1</p>
<p class="red marked">test2</p>
<p class="red">test3</p>
<p class="red">test4</p>
Example 2: jquery add remove class clicked element
$(function() {
$('img').click(function() {
$(this).toggleClass('active');
});
});
Example 3: toggle jquery remove others
$(".nav-link").click(function () {
if ($(this).hasClass("active")) {
$(".nav-link").removeClass("active");
}
else {
$(".nav-link").removeClass("active");
$(this).addClass("active");
}
});