Select by ID vs Find in Container

Benchmark created by David Emmerthal on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div>
<span></span>
</div>
<div>
<span></span>
</div>
<div>
<span></span>
</div>
<div>
<span></span>
</div>
<div id="container">
   <span id="element"></span>
</div> 
<div>
<span></span>
</div>
<div>
<span></span>
</div>
<div>
<span></span>
</div>
<script>
  var $container = $('#container');
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
Using Find on Container
var test = $container.find('#element');
ready
Jquery Id Selector
var test = $('#element');
ready
DOM Id Selector
var test = $(document.getElementById('element'));
ready

Revisions

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

  • Revision 1: published by David Emmerthal on