Benchmark: jQuery Selector v3

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></div>

Tests:

Inline Selector
jQuery('#test-root .test-child').css('border', '1px solid red');
Find
jQuery('#test-root').find('.test-child').css('border', '1px solid red');
Ignore root
jQuery('.test-child').css('border', '1px solid red');
Include types
jQuery('div#test-root div.test-child').css('border', '1px solid red');
include find type
jQuery('#test-root').find('div.test-child').css('border', '1px solid red');

Rendered benchmark preparation results:

Previous results

ⓘ Get performance results from real users on your website with Request Metrics.

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/112.0.0.0 Safari/537.36 Edg/112.0.1722.58

Browser/OS: Chrome 112 on Windows

jQuery Selector v3 (version: 0)