A repository of over 1000 quality jQuery plugins

jQuery .hasClass()

Learn all about the jQuery function .hasClass().

Elements may have more than one class assigned to them. In HTML, this is represented by separating the class names with a space:

<div id="mydiv" class="foo bar"></div>

The .hasClass() method will return true if the class is assigned to an element, even if other classes also are. For example, given the HTML above, the following will return true:

$( "#mydiv" ).hasClass( "foo" )

As would:

$( "#mydiv" ).hasClass( "bar" )

While this would return false:

$( "#mydiv" ).hasClass( "quux" )