/Javascript/jQuery/Remove or add class jquery

Remove or add class jquery

Jquery remove and add class

$( "#foo" ).toggleClass( 'className', addOrRemoveOptional );

//OR
if ($( "#foo" ).hasClass('className')) {
	$( "#foo" ).removeClass( 'className');
} else {
  $( "#foo" ).addClass( 'className');
}

Toggle jquery remove others

$(".nav-link").click(function () {
  // If the clicked element has the active class, remove the active class from EVERY .nav-link>.state element
  if ($(this).hasClass("active")) {
    $(".nav-link").removeClass("active");
  }
  // Else, the element doesn't have the active class, so we remove it from every element before applying it to the element that was clicked
  else {
    $(".nav-link").removeClass("active");
    $(this).addClass("active");
  }
});

Remove or add class jquery

$('.edit-item').click(function(){
 	$('#edit-form').addClass('hide');
  $('#details-content-wrapper').removeClass('hide')
})

Jquery remove class

$("#div1").on("click", function () {
    if ($(this).hasClass("active")) {
      setTimeout(function () {
        $("#div1").removeClass("active");
      }, 10);
    }
  });

-1

Similar codes

3 votes133 views3 answers
Jquery open a new tab
Javascript jQuery
0 vote163 views1 answer
Autocomplete data selected validation jquery
Javascript jQuery
4 votes142 views2 answers
Jquery clone object
Javascript jQuery
0 vote137 views2 answers
Onload set scroll on top of page jquery
Javascript jQuery
0 vote139 views1 answer
How to get form all filed with properties in jquery
Javascript jQuery
0 vote126 views1 answer
$(this).text() in jquery return white space
Javascript jQuery
12 votes133 views2 answers
Jquery-3.2.1.min.js file download
Javascript jQuery
1 vote140 views2 answers
Get all monday date in a month jquery
Javascript jQuery
0 vote138 views2 answers
Jquery click not working on ajax loaded content
Javascript jQuery
0 vote140 views9 answers
How to get the class name dynamically using jquery
Javascript jQuery