jquery add class
if ($( "#foo" ).hasClass('className')) {
$( "#foo" ).removeClass( 'className');
} else {
$( "#foo" ).addClass( 'className');
}
jquery add class
if ($( "#foo" ).hasClass('className')) {
$( "#foo" ).removeClass( 'className');
} else {
$( "#foo" ).addClass( 'className');
}
jquery add class
$('some_element').addClass('some-class');
// You can add more than one class at one time
$('some_element').addClass('some-class another-class yet-another-class');
// Even thought jQuery allows you to do this
$('some_element').addClass('some-class').addClass('another-class').addClass('yet-another-class');
// That would be really wasteful, think of the planet!
// But more importantly, your RAM
// oh and those poor folks who be viewing your website
add class jquery
$("#my_id").attr("class", "my_new_class_name");
jquery add class to body
$('body').addClass(newClass);
how to add class on the base of has class in jquery
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>addClass demo</title>
<style>
p {
margin: 8px;
font-size: 16px;
}
.selected {
color: red;
}
.highlight {
background: yellow;
}
</style>
<script src="https://code.jquery.com/jquery-3.5.0.js"></script>
</head>
<body>
<p>Hello</p>
<p>and</p>
<p>Goodbye</p>
<script>
$( "p" ).last().addClass( "selected highlight" );
</script>
</body>
</html>
Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us