.find() Versus Selectors (v7)

Revision 7 of this benchmark created by Vaughn on

Description

Will the battle never end?

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<div class="null">
</div>
<div class="null">
  <div class="null">
  </div>
  <div class="null">
  </div>
</div>
<div class="null">
</div>
<div class="null">
</div>
<div class="null">
</div>
<div id="a">
  <div class="null">
  </div>
  <div class="null">
  </div>
  <div class="null">
  </div>
  <div class="a">
    <div class="c">
      <div class="null">
      </div>
      <div class="null">
      </div>
      <div id="null">
      </div>
      <div class="b">
      </div>
      <div class="null">
      </div>
    </div>
    <div class="null">
    </div>
    <div class="null">
    </div>
  </div>
  <div class="null">
  </div>
  <div class="null">
  </div>
  <div class="null">
  </div>
</div>

Setup

var $a = $('#a');

Test runner

Ready to run.

Testing in
TestOps/sec
Selector
$('#a .b');
ready
Context
$('.b', $('#a'));
ready
.find()
$('#a').find('.b')
ready
Cached .find()
$a.find('.b')
ready
Cached Context
$('.b', $a)
ready
Speed .find() Without Container
$.find('.b');
ready
Speed .find() With Container
$.find('#a .b');
ready
Speed .find() With Context
$.find('.b', $a);
ready
Selector Without Container
$('.b');
ready

Revisions

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