hasClass vs is vs array.indexOf (v10)

Revision 10 of this benchmark created on

Preparation HTML

<div id="foo">
  I am a DIV
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
hasClass
$('#foo').hasClass('bar');
ready
is
$('#foo').is('.bar');
ready
array indexOf
document.querySelector('#foo').className.split(' ').indexOf('bar') >= 0
ready
className indexOf
document.getElementById('foo').className.indexOf('bar')>=0
ready

Revisions

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