jQuery hasClass() - check for more than one class

jquery performance jquery-selectors
Hans picture Hans · Feb 6, 2010 · Viewed 153.1k times · Source

With:

if(element.hasClass("class"))

I can check for one class, but is there an easy way to check whether "element" has any of many classes?

I am using:

if(element.hasClass("class") || element.hasClass("class") ... )

Which isn't too bad, but I am thinking of something like:

if(element.hasClass("class", "class2")

Which unfortunately doesn't work.

Is there something like that?

Answer

Simon Arnold picture Simon Arnold · Sep 20, 2011 
element.is('.class1, .class2')

works, but it's 35% slower than 

element.hasClass('class1') || element.hasClass('class2')

enter image description here

If you doubt what i say, you can verify on jsperf.com.

Hope this help someone.

Related questions

Inefficient jQuery usage warnings in PHPStorm IDE

I recently upgraded my version of PHPStorm IDE and it now warns me about inefficient jQuery usage. For example: var property_single_location = $("#property [data-role='content'] .container"); Prompts this warning: Checks that jQuery selectors are used in an efficient way. …

Read More
What is the fastest method for selecting descendant elements in jQuery?

As far is I know, there are a number of ways of selecting child elements in jQuery. //Store parent in a variable var $parent = $("#parent"); Method 1 (by using a scope) $(".child", $parent).show(); Method 2 (the find() method) $parent.find(".child").…

Read More
JQuery class selector vs id selector

I have 7 different buttons that all perform the same javascript function on click. should i use class selector or id selector. $("input.printing").on("click", function(event) { printPdf(event); }); or $("#package1Pdf").click(function(event) { printPdf(event); }); $("#package2Pdf").click(…

Read More