JQuery: is .data() faster than .attr("data-...")

Benchmark created by JQuery: is .data() faster than .attr("data-...") on

Description

When you have an attribute data-... in a HTML element: Is it faster to get the value using $.data('...') or attr('data-...')

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div id="myDiv" data-my-data="value"></div>

Setup

var $myDiv = $('#myDiv')

Test runner

Ready to run.

Testing in
TestOps/sec
$.data
$myDiv.data().myData
ready
$.attr
$myDiv.attr('data-my-data')
ready

Revisions

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

  • Revision 1: published by JQuery: is .data() faster than .attr("data-...") on
  • Revision 2: published by Jonas Middendorf on
  • Revision 3: published on
  • Revision 4: published on
  • Revision 5: published on
  • Revision 6: published on