Preparation code

<div id="apple">
  <div class="red">
  Red Apple
  </div>
  <div class="red big">
  Big Red Apple
  </div>
  <div class="green">
  Green Apple
  </div>
</div>

<div id="ferrari">
  <div class="red">
  Red Ferrari
  </div>
  <div class="red big">
  Big Red Ferrari
  </div>
  <div class="gray">
  Gray Ferrari
  </div>
</div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
  Benchmark.prototype.setup = function() {
    var $el = $('#ferrari'),
         el = document.getElementById('ferrari'),
        $targ = $('.red');
  };
</script>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

$('.red','#ferrari').hide();

$('#ferrari .red').hide();

$('#ferrari > .red').hide();

$('#ferrari').find('.red').hide();

$el.find('.red').hide();

$('.red',$el[0]).hide();

$($el[0]).find('.red').hide();

$( document.getElementById('ferrari') ).find('.red').hide();

$( el ).find('.red').hide();

$( '.red', el ).hide();

$el.find($targ).hide();

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

• Revision 2: published by dan on 27th January 2013

0 comments