jQuery Selector Perf - Right-to-Left

JavaScript performance comparison

Revision 105 of this test case created on 1st February 2013

Preparation code

<div class="outer">
  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p><div class="outer">
  <p class="inner">
    Hi
  </p>
</div><div class="outer">
  <p class="inner">
    Hi
  </p>
</div><div class="outer">
  <p class="inner">
    Hi
  </p>
</div><div class="outer">
  <p class="inner">
    Hi
  </p>
</div><div class="outer">
  <p class="inner">
    Hi
  </p>
</div><div class="outer">
  <p class="inner">
    Hi
  </p><div class="outer">
  <p class="inner">
    Hi
  </p>
</div><div class="outer">
  <p class="inner">
    Hi
  </p>
</div><div class="outer">
  <p class="inner">
    Hi
  </p>
</div><div class="outer">
  <p class="inner">
    Hi
  </p>
</div><div class="outer">
  <p class="inner">
    Hi
  </p><div class="outer">
  <p class="inner">
    Hi
  </p>
</div><div class="outer">
  <p class="inner">
    Hi
  </p>
</div><div class="outer">
  <p class="inner">
    Hi
  </p>
</div><div class="outer">
  <p class="inner">
    Hi
  </p>
</div><div class="outer">
  <p class="inner">
    Hi
  </p><div class="outer">
  <p class="inner">
    Hi
  </p>
</div><div class="outer">
  <p class="inner">
    Hi
  </p>
</div><div class="outer">
  <p class="inner">
    Hi
  </p>
</div><div class="outer">
  <p class="inner">
    Hi
  </p>
</div><div class="outer">
  <p class="inner">
    Hi
  </p>
</div><div class="outer">
  <p class="inner">
    Hi
  </p><div class="outer">
  <p class="inner">
    Hi
  </p>
</div><div class="outer">
  <p class="inner">
    Hi
  </p>
</div><div class="outer">
  <p class="inner">
    Hi
  </p>
</div><div class="outer">
  <p class="inner">
    Hi
  </p>
</div><div class="outer">
  <p class="inner">
    Hi
  </p>
</div>
</div>
</div>
</div>
</div>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>
</div>
  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>  <p class="inner">
    Hi
  </p>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>

Preparation code output

Test runner

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

Java applet disabled.

Testing in unknown unknown
Test		Ops/sec
"Left to Write" Thinking	`$('.outer .inner');`	pending…
"Right to Left"	`$('.outer').children('.inner');`	pending…
Alternate "Right to Left"	`$('.outer').find('.inner');`	pending…

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 1: published by Jeffrey Way on 2nd February 2011
Revision 32: published on 16th February 2011
Revision 37: published on 12th March 2011
Revision 38: published on 12th March 2011
Revision 40: published on 24th March 2011
Revision 41: published on 24th March 2011
Revision 44: published on 4th May 2011
Revision 45: published on 6th May 2011
Revision 46: published on 12th May 2011
Revision 47: published on 12th May 2011
Revision 48: published on 17th May 2011
Revision 49: published on 26th May 2011
Revision 50: published by ShiningRay on 27th May 2011
Revision 52: published on 10th June 2011
Revision 54: published on 18th June 2011
Revision 55: published by tick on 22nd June 2011
Revision 56: published on 1st September 2011
Revision 57: published on 1st September 2011
Revision 58: published by MoonScript on 2nd September 2011
Revision 59: published by richard on 2nd September 2011
Revision 60: published on 7th September 2011
Revision 61: published on 7th September 2011
Revision 62: published on 7th September 2011
Revision 63: published on 7th September 2011
Revision 64: published on 7th September 2011
Revision 65: published on 18th October 2011
Revision 68: published by m--s on 28th November 2011
Revision 69: published by devu on 29th November 2011
Revision 70: published by Scott Kosman on 13th December 2011
Revision 71: published on 16th December 2011
Revision 74: published on 19th January 2012
Revision 75: published on 19th January 2012
Revision 83: published on 22nd February 2012
Revision 84: published on 6th March 2012
Revision 87: published on 8th March 2012
Revision 88: published by Chris Miller on 18th April 2012
Revision 89: published by Chris Miller on 18th April 2012
Revision 90: published by Chris Miller on 18th April 2012
Revision 91: published on 2nd May 2012
Revision 92: published by Dominik Nejdl on 14th May 2012
Revision 93: published on 23rd May 2012
Revision 94: published on 31st May 2012
Revision 95: published by Marco Pfeiffer on 31st May 2012
Revision 97: published on 27th September 2012
Revision 98: published on 30th September 2012
Revision 99: published on 30th September 2012
Revision 101: published on 12th November 2012
Revision 102: published on 16th November 2012
Revision 103: published on 26th January 2013
Revision 104: published by BinaryKitten on 26th January 2013
Revision 105: published on 1st February 2013
Revision 106: published by Reith on 5th February 2013
Revision 107: published on 25th April 2013