Benchmark: Jquery fastest selector (fix)

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');

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
children div
find div
children .outer
find .outer
find > .outer
#test > .outer

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one year ago)

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/OS: Chrome 128 on Windows

View result in a separate tab

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

Related benchmarks:

Jquery fastest selector (fix) (version: 2)

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

Comparing performance of: children div vs find div vs children .outer vs find .outer vs find > .outer vs #test > .outer

Created: one year ago by: Registered User

Jump to the latest result

children div

find div

children .outer

find .outer

find > .outer

#test > .outer

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A