remove a class in 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 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 3: jquery remove class
$("button").click(function(){
$("p").removeClass("intro");
});
<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>
Example 4: addclass removeclass jquery
$( "p" ).addClass( "myClass yourClass" );
Example 5: jquery remove class
$("#div1").on("click", function () {
if ($(this).hasClass("active")) {
setTimeout(function () {
$("#div1").removeClass("active");
}, 10);
}
});
Example 6: add and remove class in jquery
$('#toggle li').on('click', function () {
$(this).toggleClass('open')
});