jsPerf.app is an online JavaScript performance benchmark test runner & jsperf.com mirror. It is a complete rewrite in homage to the once excellent jsperf.com now with hopefully a more modern & maintainable codebase.

jsperf.com URLs are mirrored at the same path, e.g:

https://jsperf.com/negative-modulo/2

Can be accessed at:

https://jsperf.app/negative-modulo/2

jQuery parent/child selectors (v37)

Revision 37 of this benchmark created by Dmitriy on January 31, 2013

Description

The different ways to select (context, pure selector, +find()) DOM elements using jQuery in parent/child scenarios.

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<div>
  <ul id="list">
    <li class="test">
      <div class="div-level1">
        <div class="div-level2">
          <div class="div-level3">
            <div class="div-level4">
              <div class="div-level5">
              </div>
            </div>
          </div>
        </div>
      </div>
      <span class="span">
      </span>
      <p class="p">
        <span class="p-span">
        </span>
      </p>
    </li>
    <li>
      <div class="div-level1">
        <div class="div-level2">
          <div class="div-level3">
            <div class="div-level4">
              <div class="div-level5">
              </div>
            </div>
          </div>
        </div>
      </div>
      <span class="span">
      </span>
      <p class="p">
        <span class="p-span">
        </span>
      </p>
    </li>
    <li class="test">
    </li>
    <li class="test">
      <div class="div-level1">
        <div class="div-level2">
          <div class="div-level3">
            <div class="div-level4">
              <div class="div-level5">
              </div>
            </div>
          </div>
        </div>
      </div>
      <span class="span">
      </span>
      <p class="p">
        <span class="p-span">
        </span>
      </p>
    </li>
    <li>
      <div class="div-level1">
        <div class="div-level2">
          <div class="div-level3">
            <div class="div-level4">
              <div class="div-level5">
              </div>
            </div>
          </div>
        </div>
      </div>
      <span class="span">
      </span>
      <p class="p">
        <span class="p-span">
        </span>
      </p>
    </li>
    <li class="test">
      <div class="div-level1">
        <div class="div-level2">
          <div class="div-level3">
            <div class="div-level4">
              <div class="div-level5">
              </div>
            </div>
          </div>
        </div>
      </div>
      <span class="span">
      </span>
      <p class="p">
        <span class="p-span">
        </span>
      </p>
    </li>
    <li>
    </li>
    <li class="test">
      <div class="div-level1">
        <div class="div-level2">
          <div class="div-level3">
            <div class="div-level4">
              <div class="div-level5">
              </div>
            </div>
          </div>
        </div>
      </div>
      <span class="span">
      </span>
      <p class="p">
        <span class="p-span">
        </span>
      </p>
    </li>
    <li>
      <div class="div-level1">
        <div class="div-level2">
          <div class="div-level3">
            <div class="div-level4">
              <div class="div-level5">
              </div>
            </div>
          </div>
        </div>
      </div>
      <span class="span">
      </span>
      <p class="p">
        <span class="p-span">
        </span>
      </p>
    </li>
    <li class="test">
      <div class="div-level1">
        <div class="div-level2">
          <div class="div-level3">
            <div class="div-level4">
              <div class="div-level5">
              </div>
            </div>
          </div>
        </div>
      </div>
      <span class="span">
      </span>
      <p class="p">
        <span class="p-span">
        </span>
      </p>
    </li>
  </ul>
</div>
<div class="test">
</div>
<script>
  var list = document.getElementById('list');
  var $list = $('#list');
</script>

Test runner

Ready to run.

Testing in
Test		Ops/sec
DOM context	`$('.test', document.getElementById('list'));`	ready
selector	`$('#list .test');`	ready
DOM context and find()	`$(document.getElementById('list')).find('.test');`	ready
created context	`$('.test', $('#list'));`	ready
selector and find	`$('#list').find('.test');`	ready
parent/child selector	`$('#list > .test');`	ready
immediate children	`$(document.getElementById('list')).children('.test');`	ready
created context and parent/child	`$('> .test', $('#list'));`	ready
context and parent/child	`$('> .test', document.getElementById('list'));`	ready

Revisions

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

Revision 1: published by Asa Williams on June 16, 2011
Revision 2: published by Addy Osmani on July 3, 2011
Revision 3: published by Addy Osmani on July 3, 2011
Revision 4: published on July 8, 2011
Revision 5: published on July 12, 2011
Revision 6: published on July 12, 2011
Revision 7: published by Mike McCaughan on July 12, 2011
Revision 8: published on September 22, 2011
Revision 9: published on September 22, 2011
Revision 11: published on October 26, 2011
Revision 12: published on October 26, 2011
Revision 13: published on October 27, 2011
Revision 14: published on November 7, 2011
Revision 15: published on December 15, 2011
Revision 17: published on January 5, 2012
Revision 18: published on January 5, 2012
Revision 19: published on January 15, 2012
Revision 22: published on February 16, 2012
Revision 23: published on March 20, 2012
Revision 24: published on March 22, 2012
Revision 25: published on April 16, 2012
Revision 27: published on July 5, 2012
Revision 28: published on August 13, 2012
Revision 29: published on August 22, 2012
Revision 30: published on September 4, 2012
Revision 31: published on September 5, 2012
Revision 32: published on September 5, 2012
Revision 34: published on October 8, 2012
Revision 35: published by Joonas T on October 18, 2012
Revision 36: published on January 24, 2013
Revision 37: published by Dmitriy on January 31, 2013
Revision 38: published by Dmitriy on January 31, 2013
Revision 39: published by Dmitriy on January 31, 2013
Revision 40: published on February 8, 2013
Revision 41: published on February 14, 2013
Revision 42: published on February 16, 2013
Revision 43: published on February 16, 2013
Revision 44: published on March 12, 2013
Revision 46: published on April 9, 2013
Revision 47: published on May 11, 2013
Revision 48: published on July 4, 2013
Revision 49: published by Chris Lam on August 10, 2013
Revision 51: published on August 22, 2013
Revision 53: published on September 3, 2013
Revision 55: published on September 27, 2013
Revision 57: published on October 10, 2013
Revision 58: published by MartinS on October 15, 2013
Revision 59: published on October 15, 2013
Revision 60: published on October 23, 2013
Revision 61: published on November 14, 2013
Revision 62: published by Christiaan Rakowski on November 16, 2013
Revision 63: published on November 20, 2013
Revision 64: published by Christiaan Rakowski on November 22, 2013
Revision 65: published on December 4, 2013
Revision 66: published by Christiaan Rakowski on December 4, 2013
Revision 67: published on December 9, 2013
Revision 68: published on December 24, 2013
Revision 70: published on December 28, 2013
Revision 71: published on February 3, 2014
Revision 72: published by Christiaan Rakowski on February 3, 2014
Revision 73: published on February 27, 2014
Revision 74: published on March 4, 2014
Revision 75: published on March 4, 2014
Revision 76: published on March 4, 2014
Revision 77: published on March 4, 2014
Revision 78: published on March 5, 2014
Revision 79: published by Tarran Jones on March 6, 2014
Revision 81: published on May 13, 2014
Revision 82: published on June 26, 2014
Revision 83: published on August 2, 2014
Revision 84: published by Christiaan Rakowski on August 7, 2014
Revision 85: published by V. on October 2, 2014
Revision 86: published on November 6, 2014
Revision 87: published on November 10, 2014
Revision 88: published on November 25, 2014
Revision 89: published by dennis on December 5, 2014
Revision 90: published on December 9, 2014
Revision 91: published on February 4, 2015
Revision 93: published by HP on April 6, 2015
Revision 94: published by zhengchanglong on April 8, 2015
Revision 95: published by instead on April 18, 2015
Revision 96: published on April 24, 2015
Revision 98: published by PW on May 29, 2015
Revision 99: published by Mark on June 8, 2015
Revision 100: published on June 19, 2015
Revision 101: published on September 7, 2015
Revision 102: published on December 1, 2015
Revision 103: published by Wojtek on December 5, 2015
Revision 104: published by f on December 17, 2015