Info

Compares the performance of attrhooks vs the old attr

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.js"></script>
<script>
var oldAttr = jQuery.noConflict();
</script>
<script src="http://code.jquery.com/jquery-1.6.js"></script>
<script>
var newAttr = jQuery.noConflict();
</script>
<div id="testDiv"></div>
<input type="text" id="someInput" value="foo">
<script>
  var oldDiv = oldAttr('#testDiv'),
      oldInput = oldAttr('#someInput'),
      newDiv = newAttr('#testDiv'),
      newInput = newAttr('#someInput');
</script>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

oldDiv.attr('id');

newDiv.attr('id');

oldInput.attr('value');

newInput.attr('value');

oldDiv.attr('class', 'wowzers');

newDiv.attr('class', 'wowzers');

oldInput.attr('foo', 'bar');

newInput.attr('foo', 'bar');

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

• Revision 1: published by timmywil on 13th April 2011 and last updated on 3rd May 2011
• Revision 2: published by timmywil on 11th May 2011

4 comments