jQuery selector vs. variable

Benchmark created on August 10, 2011

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<div id="myTestDiv">
  <div class="myTestClass">
  </div>
</div>
<script>
  var myTestDiv = null;
  var myTestClass = null;
  
  $(function() {
    myTestDiv = $('#myTestDiv');
    myTestClass = $('#myTestDiv .myTestClass');
  });
</script>

Test runner

$('#myTestDiv').hide();
$('#myTestDiv .myTestClass').hide();
$('#myTestDiv .myTestClass').show();
$('#myTestDiv').show();

myTestDiv.hide();
myTestClass.hide();
myTestClass.show();
myTestDiv.show();

Revisions

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

• Revision 1: published on August 10, 2011