jquery add or remove 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>
<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 and add class
$( "#foo" ).toggleClass( 'className', addOrRemoveOptional );
if ($( "#foo" ).hasClass('className')) {
$( "#foo" ).removeClass( 'className');
} else {
$( "#foo" ).addClass( 'className');
}
Example 3: jquery remove multiple class
$("p").removeClass("blue under");
Example 4: toggle one class add and one class remove same time and after click remove class add and add class remove jquery
function viewPastClass(id) {
var class_date = $('#pastclassdata' + id).val();
$.ajax({
type: 'GET',
url: '{{ url("/teacher/class/viewPastClass") }}',
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
data: {
'class_date': class_date,
},
success: function(result) {
$('#plclasses').show(class_date);
},
error: function() {}
});
}