xxxxxxxxxx
$('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
xxxxxxxxxx
$( "p" ).removeClass( "myClass noClass" ).addClass( "yourClass" );
xxxxxxxxxx
//On button cick
<script>
$(document).ready(function(){
$("button").click(function(){
$("p:first").addClass("intro");
});
});
</script>
//On page load
<script>
$(document).ready(function(){
if ($( "#element" ).hasClass('className')) {
$( "#element" ).removeClass( 'className');
} else {
$( "#element" ).addClass( 'className');
}
});
</script>
xxxxxxxxxx
jQuery( "button.hamburger" ).click(function() {
jQuery(this).addClass( "is-active" );
});