jQuery children vs find (v108)

Revision 108 of this benchmark created by Matt on May 21, 2015

Description

Preparation HTML

<div id="test">
<div class="outer"><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div class="inner">Test</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div class="outer"><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div class="inner">Test</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div class="outer"><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div class="inner">Test</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div class="outer"><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div class="inner">Test</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div class="outer"><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div class="inner">Test</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div class="outer"><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div class="inner">Test</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div class="outer"><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div class="inner">Test</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div class="outer"><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div class="inner">Test</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div class="outer"><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div class="inner">Test</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div class="outer"><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div class="inner">Test</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div class="outer"><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div class="inner">Test</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div class="outer"><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div class="inner">Test</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div class="outer"><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div class="inner">Test</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div class="outer"><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div class="inner">Test</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div class="outer"><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div class="inner">Test</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div class="outer"><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div class="inner">Test</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div class="outer"><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div class="inner">Test</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div class="outer"><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div class="inner">Test</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div class="outer"><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div class="inner">Test</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div class="outer"><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div class="inner">Test</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div class="outer"><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div class="inner">Test</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div class="outer"><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div class="inner">Test</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div class="outer"><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div class="inner">Test</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div class="outer"><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div class="inner">Test</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div class="outer"><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div class="inner">Test</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div class="outer"><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div class="inner">Test</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div class="outer"><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div class="inner">Test</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div class="outer"><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div class="inner">Test</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div class="outer"><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div class="inner">Test</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div class="outer"><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div class="inner">Test</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div class="outer"><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div class="inner">Test</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div class="outer"><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div class="inner">Test</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div class="outer"><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div class="inner">Test</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div class="outer"><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div class="inner">Test</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div class="outer"><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div class="inner">Test</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div class="outer"><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div class="inner">Test</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Test runner

$('#test').find('.outer');

$('#test').find('> .outer');

$('#test').children('.outer');

$('#test').children();

$('#test').find('.inner');

$('#test').find('.outer .inner');

$('#test').children().find('.inner');

$('#test').find('.outer').find('.inner');

Revisions

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

• Revision 1: published by Andreas Göbel on February 11, 2011
• Revision 3: published by zarjay on October 7, 2011
• Revision 5: published by tsb on October 11, 2011
• Revision 6: published on October 12, 2011
• Revision 7: published on October 21, 2011
• Revision 8: published by zarjay on October 31, 2011
• Revision 9: published on November 7, 2011
• Revision 10: published by Sam Blowes on November 15, 2011
• Revision 11: published on December 4, 2011
• Revision 12: published on December 16, 2011
• Revision 13: published on January 27, 2012
• Revision 14: published on January 27, 2012
• Revision 15: published on February 1, 2012
• Revision 18: published on February 20, 2012
• Revision 19: published on March 8, 2012
• Revision 20: published on March 9, 2012
• Revision 23: published by sjnnr on June 27, 2012
• Revision 25: published on July 6, 2012
• Revision 26: published on July 6, 2012
• Revision 27: published on July 6, 2012
• Revision 28: published on August 15, 2012
• Revision 29: published on August 16, 2012
• Revision 30: published on October 3, 2012
• Revision 31: published on October 19, 2012
• Revision 32: published on November 12, 2012
• Revision 33: published on November 20, 2012
• Revision 34: published on November 27, 2012
• Revision 35: published on November 27, 2012
• Revision 36: published on November 27, 2012
• Revision 37: published on December 5, 2012
• Revision 38: published on December 7, 2012
• Revision 39: published on December 7, 2012
• Revision 40: published on December 7, 2012
• Revision 41: published on December 7, 2012
• Revision 42: published on December 18, 2012
• Revision 43: published on December 19, 2012
• Revision 44: published on December 19, 2012
• Revision 45: published on December 20, 2012
• Revision 46: published on December 20, 2012
• Revision 48: published on January 24, 2013
• Revision 49: published on February 15, 2013
• Revision 50: published on February 21, 2013
• Revision 51: published on March 1, 2013
• Revision 52: published on March 13, 2013
• Revision 53: published on March 21, 2013
• Revision 54: published on May 30, 2013
• Revision 56: published on July 16, 2013
• Revision 57: published on July 18, 2013
• Revision 58: published by akman on July 23, 2013
• Revision 59: published on August 7, 2013
• Revision 60: published on August 29, 2013
• Revision 61: published on September 12, 2013
• Revision 62: published on September 24, 2013
• Revision 63: published on September 24, 2013
• Revision 65: published on October 17, 2013
• Revision 66: published on October 29, 2013
• Revision 67: published on November 6, 2013
• Revision 68: published on November 6, 2013
• Revision 69: published on November 7, 2013
• Revision 70: published on November 14, 2013
• Revision 71: published by rmaksim on December 4, 2013
• Revision 74: published by Aaron on December 23, 2013
• Revision 75: published by traBolic on December 26, 2013
• Revision 80: published on February 17, 2014
• Revision 81: published on February 25, 2014
• Revision 82: published on March 25, 2014
• Revision 83: published by MizardX on April 14, 2014
• Revision 84: published on April 30, 2014
• Revision 85: published on May 18, 2014
• Revision 86: published on June 24, 2014
• Revision 87: published by test on July 2, 2014
• Revision 89: published on July 5, 2014
• Revision 90: published on July 8, 2014
• Revision 91: published by Dave Hulme on September 16, 2014
• Revision 92: published on September 29, 2014
• Revision 96: published by Linford on December 4, 2014
• Revision 97: published on December 23, 2014
• Revision 98: published by Tyblitz on January 31, 2015
• Revision 99: published on February 10, 2015
• Revision 100: published on March 28, 2015
• Revision 105: published on April 30, 2015
• Revision 106: published on May 4, 2015
• Revision 107: published on May 20, 2015
• Revision 108: published by Matt on May 21, 2015
• Revision 109: published on May 26, 2015