jquery data vs attr

Benchmark created by d on

Preparation HTML

<div id="btn" data-timing="xDaysOut"></div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
var jQuery152 = $.noConflict();
</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script>
var jQuery144 = $.noConflict();
</script>

 
<script>
  var el1 = jQuery152('#btn'),
      el2 = jQuery144('#btn');
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
attr get 1.5.2
el1.attr('data-timing');
ready
attr get 1.4.4
el2.attr('data-timing');
ready
data get 1.5.2
el1.data('timing');
ready
data get 1.4.4
el2.data('timing');
ready
attr set 1.5.2
el1.attr('data-timing', '234234');
ready
attr set 1.4.4
el2.attr('data-timing', '234234');
ready
data set 1.52
el1.data('timing', '234234');
ready
data set 1.4.4
el2.data('timing', '234234');
ready

Revisions

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