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 (v5)

Revision 5 of this benchmark created on July 12, 2011

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">
      <ul>
        <li>
        </li>
        <li>
          <ul>
            <li>
            </li>
            <li>
              <ul>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
              </ul>
            </li>
            <li>
            </li>
            <li>
            </li>
            <li>
            </li>
          </ul>
        </li>
        <li>
          <ul>
            <li>
            </li>
            <li>
              <ul>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
              </ul>
            </li>
            <li>
            </li>
            <li>
            </li>
            <li>
            </li>
          </ul>
        </li>
        <li>
          <ul>
            <li>
            </li>
            <li>
              <ul>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
              </ul>
            </li>
            <li>
            </li>
            <li>
            </li>
            <li>
            </li>
          </ul>
        </li>
        <li>
        </li>
      </ul>
    </li>
    <li>
      <ul>
        <li>
        </li>
        <li>
          <ul>
            <li>
            </li>
            <li>
              <ul>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
              </ul>
            </li>
            <li>
            </li>
            <li>
            </li>
            <li>
            </li>
          </ul>
        </li>
        <li>
          <ul>
            <li>
            </li>
            <li>
              <ul>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
              </ul>
            </li>
            <li>
            </li>
            <li>
            </li>
            <li>
            </li>
          </ul>
        </li>
        <li>
          <ul>
            <li>
            </li>
            <li>
              <ul>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
              </ul>
            </li>
            <li>
            </li>
            <li>
            </li>
            <li>
            </li>
          </ul>
        </li>
        <li>
        </li>
      </ul>
    </li>
    <li class="test">
      <ul>
        <li>
        </li>
        <li>
          <ul>
            <li>
            </li>
            <li>
              <ul>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
              </ul>
            </li>
            <li>
            </li>
            <li>
            </li>
            <li>
            </li>
          </ul>
        </li>
        <li>
          <ul>
            <li>
            </li>
            <li>
              <ul>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
              </ul>
            </li>
            <li>
            </li>
            <li>
            </li>
            <li>
            </li>
          </ul>
        </li>
        <li>
          <ul>
            <li>
            </li>
            <li>
              <ul>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
              </ul>
            </li>
            <li>
            </li>
            <li>
            </li>
            <li>
            </li>
          </ul>
        </li>
        <li>
        </li>
      </ul>
    </li>
    <li class="test">
      <ul>
        <li>
        </li>
        <li>
          <ul>
            <li>
            </li>
            <li>
              <ul>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
              </ul>
            </li>
            <li>
            </li>
            <li>
            </li>
            <li>
            </li>
          </ul>
        </li>
        <li>
          <ul>
            <li>
            </li>
            <li>
              <ul>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
              </ul>
            </li>
            <li>
            </li>
            <li>
            </li>
            <li>
            </li>
          </ul>
        </li>
        <li>
          <ul>
            <li>
            </li>
            <li>
              <ul>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
              </ul>
            </li>
            <li>
            </li>
            <li>
            </li>
            <li>
            </li>
          </ul>
        </li>
        <li>
        </li>
      </ul>
    </li>
    <li>
      <ul>
        <li>
        </li>
        <li>
          <ul>
            <li>
            </li>
            <li>
              <ul>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
              </ul>
            </li>
            <li>
            </li>
            <li>
            </li>
            <li>
            </li>
          </ul>
        </li>
        <li>
          <ul>
            <li>
            </li>
            <li>
              <ul>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
              </ul>
            </li>
            <li>
            </li>
            <li>
            </li>
            <li>
            </li>
          </ul>
        </li>
        <li>
          <ul>
            <li>
            </li>
            <li>
              <ul>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
              </ul>
            </li>
            <li>
            </li>
            <li>
            </li>
            <li>
            </li>
          </ul>
        </li>
        <li>
        </li>
      </ul>
    </li>
    <li class="test">
      <ul>
        <li>
        </li>
        <li>
          <ul>
            <li>
            </li>
            <li>
              <ul>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
              </ul>
            </li>
            <li>
            </li>
            <li>
            </li>
            <li>
            </li>
          </ul>
        </li>
        <li>
          <ul>
            <li>
            </li>
            <li>
              <ul>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
              </ul>
            </li>
            <li>
            </li>
            <li>
            </li>
            <li>
            </li>
          </ul>
        </li>
        <li>
          <ul>
            <li>
            </li>
            <li>
              <ul>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
              </ul>
            </li>
            <li>
            </li>
            <li>
            </li>
            <li>
            </li>
          </ul>
        </li>
        <li>
        </li>
      </ul>
    </li>
    <li>
      <ul>
        <li>
        </li>
        <li>
          <ul>
            <li>
            </li>
            <li>
              <ul>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
              </ul>
            </li>
            <li>
            </li>
            <li>
            </li>
            <li>
            </li>
          </ul>
        </li>
        <li>
          <ul>
            <li>
            </li>
            <li>
              <ul>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
              </ul>
            </li>
            <li>
            </li>
            <li>
            </li>
            <li>
            </li>
          </ul>
        </li>
        <li>
          <ul>
            <li>
            </li>
            <li>
              <ul>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
              </ul>
            </li>
            <li>
            </li>
            <li>
            </li>
            <li>
            </li>
          </ul>
        </li>
        <li>
        </li>
      </ul>
    </li>
    <li class="test">
      <ul>
        <li>
        </li>
        <li>
          <ul>
            <li>
            </li>
            <li>
              <ul>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
              </ul>
            </li>
            <li>
            </li>
            <li>
            </li>
            <li>
            </li>
          </ul>
        </li>
        <li>
          <ul>
            <li>
            </li>
            <li>
              <ul>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
              </ul>
            </li>
            <li>
            </li>
            <li>
            </li>
            <li>
            </li>
          </ul>
        </li>
        <li>
          <ul>
            <li>
            </li>
            <li>
              <ul>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
              </ul>
            </li>
            <li>
            </li>
            <li>
            </li>
            <li>
            </li>
          </ul>
        </li>
        <li>
        </li>
      </ul>
    </li>
    <li>
      <ul>
        <li>
        </li>
        <li>
          <ul>
            <li>
            </li>
            <li>
              <ul>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
              </ul>
            </li>
            <li>
            </li>
            <li>
            </li>
            <li>
            </li>
          </ul>
        </li>
        <li>
          <ul>
            <li>
            </li>
            <li>
              <ul>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
              </ul>
            </li>
            <li>
            </li>
            <li>
            </li>
            <li>
            </li>
          </ul>
        </li>
        <li>
          <ul>
            <li>
            </li>
            <li>
              <ul>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
              </ul>
            </li>
            <li>
            </li>
            <li>
            </li>
            <li>
            </li>
          </ul>
        </li>
        <li>
        </li>
      </ul>
    </li>
    <li class="test">
      <ul>
        <li>
        </li>
        <li>
          <ul>
            <li>
            </li>
            <li>
              <ul>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
              </ul>
            </li>
            <li>
            </li>
            <li>
            </li>
            <li>
            </li>
          </ul>
        </li>
        <li>
          <ul>
            <li>
            </li>
            <li>
              <ul>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
              </ul>
            </li>
            <li>
            </li>
            <li>
            </li>
            <li>
            </li>
          </ul>
        </li>
        <li>
          <ul>
            <li>
            </li>
            <li>
              <ul>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
                <li>
                </li>
              </ul>
            </li>
            <li>
            </li>
            <li>
            </li>
            <li>
            </li>
          </ul>
        </li>
        <li>
        </li>
      </ul>
    </li>
  </ul>
</div>
<div class="test">
</div>
<script>
  var list = document.getElementById('list');
</script>

Test runner

Ready to run.

Testing in
Test		Ops/sec
context	`var $test = $('.test', list);`	ready
selector	`var $test = $('#list .test');`	ready
context and find()	`var $test = $(list).find('.test');`	ready
created context	`var $test = $('.test', $('#list'));`	ready
selector and find	`var $test = $('#list').find('.test');`	ready
parent/child selector	`var $test = $('#list > .test');`	ready
immediate children	`$test = $(list).children('.test');`	ready
find context	`var $test = $('.test', $(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