Run results for: jQuery Selector #2

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.116 Safari/537.36

Browser: Chrome 53

Operating system: Mac OS X 10.10.3

Device Platform: Other

Date tested: 7 years ago

Test name	Executions per second
Inline Selector	96660.1 Ops/sec
Find	1204996.0 Ops/sec

HTML Preparation code:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<div id="#test-root"><div class="test-child"><div class="test2"></div></div></div>

Tests:

Inline Selector
jQuery('#test-root .test-child > .test2').css('border', '1px solid red');
Find
jQuery('#test-root').find('.test-child > .test2').css('border', '1px solid red');

Run results for: jQuery Selector #2

testing .find vs inline selector child

Inline Selector

Find