Run results for: jquery level selector

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.59 Safari/537.36 OPR/41.0.2353.46

Browser: Opera 41

Operating system: Windows

Device Platform: Other

Date tested: 7 years ago

Test name	Executions per second
find .level2	378447.8 Ops/sec
find div.level2	137161.3 Ops/sec
children .level1 .level2	76518.6 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