using id selector with or without cached scope

Benchmark created on October 12, 2012

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
</script>
<div><div><div><div><div><div><div>
<div><div><div><div><div><div><div>
  <div id="container">
    <div>
    </div>
    <div>
    </div>
    <div class="robotarm">
    </div>
    <div>
      <div id="robotarm">
      </div>
    </div>
    <div class="robotarm">
    </div>
    <div class="robotarm">
    </div>
    <div>
    </div>
  </div>
</div>
</div></div></div></div></div></div></div>
</div></div></div></div></div></div></div>

<div><div><div><div><div><div><div>
</div></div></div></div></div></div></div>
<div><div><div><div><div><div><div>
</div></div></div></div></div></div></div>
<div><div><div><div><div><div><div>
</div></div></div></div></div></div></div>
<div><div><div><div><div><div><div>
</div></div></div></div></div></div></div>

Setup

function cached() {
      $div = $('#container');
      for (i = 0; i < 1000; i++){
        $div.find('#robot-arm').html('foo');
      }
    }
    
    function raw() {
      for (i = 0; i < 1000; i++){
        $('#robot-arm').html('foo');
      }
    }

Test runner

cached()

raw()

Revisions

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

• Revision 1: published on October 12, 2012