jQuery attr() vs. Native setAttribute() (v9)

Revision 9 of this benchmark created on

Description

jQuery's attr() method will always have more overhead because of the extensibility added.

Preparation HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script><input type="text" id="btn"></div>

Test runner

Ready to run.

Testing in
TestOps/sec
jQuery attr()
//$("#btn").attr("disabled", "disabled");

$("#btn").attr({
  "x": 100 / 2,
  "y": 100 / 2,
  "width": 100,
  "height": 100
});
ready
Native setAttribute()
//document.getElementById('btn').setAttribute("disabled", "disabled");

$("#btn").attr("x", 100 / 2)
  .attr("y", 100 / 2)
  .attr("width", 100) //800
.attr("height", 100) //400;
ready

Revisions

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