selector by id

Benchmark created by Vojtech on

Description

how expensive it really is to find a tag by id over and over again

Preparation HTML

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

Setup

var div = $('#myDiv');
    var parent = $('#parentDiv');

Test runner

Ready to run.

Testing in
TestOps/sec
not storing in a variable
var length = $('#myDiv').length +
  $('#myDiv').length +
  $('#myDiv').length +
  $('#myDiv').length +
  $('#myDiv').length +
  $('#myDiv').length +
  $('#myDiv').length +
  $('#myDiv').length +
  $('#myDiv').length +
  $('#myDiv').length;
ready
storing in a variable
var length = div.length +
  div.length +
  div.length +
  div.length +
  div.length +
  div.length +
  div.length +
  div.length +
  div.length +
  div.length;
ready
find
var length = parent.find('#myDiv').length +
parent.find('#myDiv').length +
parent.find('#myDiv').length +
parent.find('#myDiv').length +
parent.find('#myDiv').length +
parent.find('#myDiv').length +
parent.find('#myDiv').length +
parent.find('#myDiv').length +
parent.find('#myDiv').length +
  parent.find('#myDiv').length;
ready

Revisions

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

  • Revision 1: published by Vojtech on