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
find .level2	217004.0 Ops/sec
find div.level2	84991.7 Ops/sec
children .level1 .level2	42429.7 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:

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

Run results for: jquery level selector

find .level2

find div.level2

children .level1 .level2