Selector context

Benchmark created on November 10, 2011

Preparation HTML

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

<div id="tree"></div>

Setup

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;
    
    $(document).ready(function() {
    
      $context = $("#context");
      $('#tree').append(CreateNDepthTree(1000));
    
    });

Teardown

    $('#tree').empty();
  

Test runner

$(".holder").selector;

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

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

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

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

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

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

Revisions

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

• Revision 1: published on November 10, 2011