jQuery each2 plugin vs jQuery core .each method

JavaScript performance comparison

Revision 32 of this test case created by Yukulélé

Preparation code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<!-- the plugin -->
<script src="http://github.com/cowboy/jquery-misc/raw/master/jquery.ba-each2.js"></script>

<script>
  // Create a whole bunch of elements for iteration.
  var elems = $('<div/>').append(Array(1000).join('<span/>')).children();
</script>
    

Preparation code output

<!-- the plugin --> <script src="http://github.com/cowboy/jquery-misc/raw/master/jquery.ba-each2.js"></script> <script> // Create a whole bunch of elements for iteration. var elems = $('<div/>').append(Array(1000).join('<span/>')).children(); </script>

Test runner

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

Java applet disabled.

Testing in CCBot 2.0.0 / Other 0.0.0
Test Ops/sec
jQuery core .each method
elems.each(function(i, elem) {
 this; // DOM element
 //$(this); // jQuery object
});
pending…
jQuery each2 plugin
elems.each2(function(i, jq) {
 this; // DOM element
 //jq; // jQuery object
});
pending…

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.

0 Comments