hasClass-vs-is (v14)

Revision 14 of this benchmark created on

Preparation HTML

<span class="class1 class2">Element</span>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Setup

var element = $('span');

Test runner

Ready to run.

Testing in
TestOps/sec
hasClass
if (element.hasClass('class1') || element.hasClass('class2')) {
  console.log("hasClass");
}
ready
is
if (element.is('.class1, .class2')) {
  console.log("is");
}
ready
match
if (element.attr('class').match(/(?:^\s*|\s+)(?:class1|class2)(?:\s*$|\s+)/)) {
  console.log("match");
}
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.