Run results for: Jquery fastest selector (fix)

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36

Browser: Chrome 128

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
children div	2807.1 Ops/sec
find div	893.5 Ops/sec
children .outer	3068.5 Ops/sec
find .outer	15934.9 Ops/sec
find > .outer	5701.5 Ops/sec
#test > .outer	5750.4 Ops/sec

HTML Preparation code:

<div id="test"></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.js'></script>

Script Preparation code:

let rootElement = $("#test");
for(let n=1; n<=1000; n++)
	rootElement.append('<div class="outer"><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div class="inner">Test</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>');

Tests:

children div
$('#test').children('div');
find div
$('#test').find('div');
children .outer
$('#test').children('.outer');
find .outer
$('#test').find('.outer');
find > .outer
$('#test').find('> .outer');
#test > .outer
$('#test > .outer');

Run results for: Jquery fastest selector (fix)

fix : jQuery was missing. new : added test '#test > .outer'. change : generate html code in preparation step

children div

find div

children .outer

find .outer

find > .outer

#test > .outer