.data vs. .hasClass

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");
  
  function oc(a) {
   var o = {};
   for (var i = 0; i < a.length; i++) {
    o[a[i]] = '';
   }
   return o;
  }
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
.data
var hasData = elm.data("foo") || false;
ready
.hasClass
var hasClass = elm.hasClass("foo") || false;
ready
native
var hasClass = ("foo" in oc(elm[0].className.split(" ")));
ready

Revisions

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