jQuery children vs find
JavaScript performance comparison
Preparation code
<div id="test">
<div class="level1"><div class="level2"></div></div>
<div class="level1"><div class="level2"></div></div>
<div class="level1"><div class="level2"></div></div>
<div class="level1"><div class="level2"></div></div>
<div class="level1"><div class="level2"></div></div>
<div class="level1"><div class="level2"></div></div>
<div class="level1"><div class="level2"></div></div>
<div class="level1"><div class="level2"></div></div>
<div class="level1"><div class="level2"></div></div>
<div class="level1"><div class="level2"></div></div>
<div class="level1"><div class="level2"></div></div>
<div class="level1"><div class="level2"></div></div>
</div><script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
Preparation code output
<div id="test">
<div class="level1"><div class="level2"></div></div>
<div class="level1"><div class="level2"></div></div>
<div class="level1"><div class="level2"></div></div>
<div class="level1"><div class="level2"></div></div>
<div class="level1"><div class="level2"></div></div>
<div class="level1"><div class="level2"></div></div>
<div class="level1"><div class="level2"></div></div>
<div class="level1"><div class="level2"></div></div>
<div class="level1"><div class="level2"></div></div>
<div class="level1"><div class="level2"></div></div>
<div class="level1"><div class="level2"></div></div>
<div class="level1"><div class="level2"></div></div>
</div>
Test runner
Warning! For accurate results, please disable Firebug before running the tests. (Why?)
Java applet disabled.
Test | Ops/sec | |
---|---|---|
children('div')
|
|
pending… |
find('div')
|
|
pending… |
children('.level1')
|
|
pending… |
find('.level1')
|
|
pending… |
children('.level2')
|
|
pending… |
find('.level2')
|
|
pending… |
children('.doesnotexist')
|
|
pending… |
querySelectorAll('#test > .level1');
|
|
pending… |
$("#test")[0]querySelectorAll('> .level1');
|
|
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.
- Revision 1: published Andreas Göbel
- Revision 3: published zarjay
- Revision 5: published tsb
- Revision 6: published
- Revision 7: published
- Revision 8: published zarjay and last updated
- Revision 9: published
- Revision 10: published Sam Blowes
- Revision 11: published
- Revision 12: published
- Revision 13: published
- Revision 14: published
- Revision 15: published
- Revision 18: published
- Revision 19: published
- Revision 20: published
- Revision 23: published sjnnr
- Revision 25: published
- Revision 26: published
- Revision 27: published
- Revision 28: published
- Revision 29: published
- Revision 30: published
- Revision 31: published
- Revision 32: published
- Revision 33: published
- Revision 34: published
- Revision 35: published
- Revision 36: published
- Revision 37: published
- Revision 38: published
- Revision 39: published
- Revision 40: published
- Revision 41: published
- Revision 42: published
- Revision 43: published
- Revision 44: published
- Revision 45: published
- Revision 46: published
- Revision 48: published
- Revision 49: published
- Revision 50: published
- Revision 51: published
- Revision 52: published
- Revision 53: published
- Revision 54: published
- Revision 56: published
- Revision 57: published
- Revision 58: published akman
- Revision 59: published
- Revision 60: published
- Revision 61: published
- Revision 62: published
- Revision 63: published
- Revision 65: published
- Revision 66: published
- Revision 67: published
- Revision 68: published
- Revision 69: published
- Revision 70: published
- Revision 71: published rmaksim
- Revision 74: published Aaron
- Revision 75: published traBolic
- Revision 80: published
- Revision 81: published
- Revision 82: published
- Revision 83: published MizardX
- Revision 84: published
- Revision 85: published
- Revision 86: published
- Revision 87: published test
- Revision 89: published
- Revision 90: published
- Revision 91: published Dave Hulme
- Revision 92: published
- Revision 96: published Linford
- Revision 97: published
- Revision 98: published Tyblitz
- Revision 99: published
- Revision 100: published
- Revision 103: published
- Revision 104: published
- Revision 105: published
- Revision 106: published
- Revision 107: published
- Revision 108: published Matt
- Revision 109: published
- Revision 110: published
- Revision 111: published
- Revision 113: published
- Revision 115: published
- Revision 116: published
- Revision 117: published
- Revision 118: published g3149524
- Revision 119: published toni
- Revision 120: published Raphaël Dehousse
- Revision 122: published
0 Comments