jquery remove css class 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>

// remove all highlight class from p tag
<script>
	$( "p" ).removeClass( "highlight" )
</script>

// output after execution of this code
<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

//Remove this same line after copying
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>

// remove all highlight class from p tag
<script>
	$( "p" ).removeClass( "highlight" )
</script>

// output after execution of this code
<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 css class

$("p").removeClass( "myClass yourClass" )

Example 4: how to remove css from element using jquery

$('.tag-class').removeAttr('style');

Example 5: jquery remove css

$("#id .class").css({ 'background-color' : '' });

/* 
   As mentioned in the jquery documentation:
   Setting the value of a style property to an empty string  
   removes that property from an element 
   if it has already been directly applied
   e.g. $('#mydiv').css('color', '')
*/

Example 6: jquery remove css class

$("div").removeClass("important");

addClass() - Adds one or more classes to the selected elements
removeClass() - Removes one or more classes from the selected elements
toggleClass() - Toggles between adding/removing classes from the selected elements
css() - Sets or returns the style attribute