jQuery addClass() Method With Examples

The addClass() method in jQuery assigns one or more class names to the elements that have been selected.

This method only adds one or more class names to the class attribute, not removing existing class attributes.

To add more than one class, use spaces to separate the names.

$(selector).addClass(classname,function(index,currentclass))

To the first

element, add a class name:

$("button").click(function(){
  $("p:first").addClass("intro");
});