Run results for: each (jQuery 3.6.4) vs for

Run details:

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

Browser: Chrome 111

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
each (jQuery)	502558.7 Ops/sec
for	515702.5 Ops/sec
for without jQuery	1279649.0 Ops/sec

HTML Preparation code:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<link rel="stylesheet" href="style.min.css" type="text/css">
<link rel="stylesheet" href="style.min.css" type="text/css">
<link rel="stylesheet" href="style.min.css" type="text/css">
<link rel="stylesheet" href="style.min.css" type="text/css">
<link rel="stylesheet" href="style.min.css" type="text/css">

Tests:

each (jQuery)
$('link[href*=".min.css"]').each(function(){});
for
let test = $('link[href*=".min.css"]'); for(var i = 0, j = test.length; i < j; i += 1){ }
for without jQuery
let test = document.querySelectorAll('link[href*=".min.css"]'); for(var i = 0, j = test.length; i < j; i += 1){ }

Run results for: each (jQuery 3.6.4) vs for

each (jQuery)

for

for without jQuery