.data vs. .hasClass (v3)

Revision 3 of this benchmark created by mekwall on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div data-foo="bar" class="foo"></div>
<script>
  var elm = $("div.foo"),
      result = null;
  
  function hasClass(elm, class) {
   var className = " " + class + " ";
   return ((" " + elm.className + " ").replace(/[\n\t\r]/g, " ").indexOf(className) > -1);
  }
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
.data
result = elm.data("foo") || false;
ready
.hasClass
result = elm.hasClass("foo") || false;
ready
native
result = hasClass(elm[0], "foo");
ready

Revisions

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