Run results for: jquery level selector

Run details:

User agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.143 Safari/537.36

Browser: Chrome 53

Operating system: Windows 7

Device Platform: Other

Date tested: 7 years ago

Test name	Executions per second
children .level1	88294.2 Ops/sec
children div.level1	76425.9 Ops/sec
find .level1	214683.4 Ops/sec
find div.level1	65713.4 Ops/sec

HTML 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>

Tests:

children .level1
$('#test').children('.level1');
children div.level1
$('#test').children('div.level1');
find .level1
$('#test').find('.level1');
find div.level1
$('#test').find('div.level1');

Run results for: jquery level selector

children .level1

children div.level1

find .level1

find div.level1