Preparation code

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

<div id="tree"></div>
<script>
  Benchmark.prototype.setup = function() {
    function CreateNDepthTree(N) {
      if (N == 2) return $('<div/>', {
        id: 'context'
      }).append(CreateNDepthTree(N - 1));
      else if (N == 1) return $('<div></div>', {
        class: 'holder'
      }).html('<h3>Leaf</h3>');
      else return $('<div/>').append(CreateNDepthTree(N - 1));
    }
    var $context;
    
    var dBody=document.body;
    
    $(document).ready(function() {
    
      $context = $("#context");
      $('#tree').append(CreateNDepthTree(1000));
    
    });
  };

  Benchmark.prototype.teardown = function() {
    $('#tree').empty();
  };
</script>

Preparation code output

Test runner

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

Java applet disabled.

$(".holder").selector;

dBody.find(".holder").selector;

$(".holder", $("#context")).selector;

$(".holder", $context).selector;

$context.find(".holder").selector;

$context.filter('.holder').selector;

$context.find('*').filter('.holder').selector;

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 on 10th November 2011
• Revision 2: published on 13th September 2012
• Revision 4: published on 16th January 2013
• Revision 5: published on 16th January 2013
• Revision 6: published by NPerfTestXXX on 24th January 2013
• Revision 7: published on 27th January 2013
• Revision 8: published by Andrei on 9th April 2013
• Revision 9: published 2 days ago

0 comments