onclick add class jquery code example

Example 1: jquery on click add class

$(document).ready(function(){
  $("button").click(function(){
    $(".p").addClass("intro");
  });
});

Example 2: 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

Example 3: jquery add class

if ($( "#foo" ).hasClass('className')) {
	$( "#foo" ).removeClass( 'className');
} else {
  $( "#foo" ).addClass( 'className');
}

Example 4: addclass jquery

$( "p" ).addClass( "selected highlight" );

Example 5: javascript add class to element

var someElement= document.getElementById("myElement");
    someElement.className += " newclass";//add "newclass" to element (space in front is important)