Run results for: jquery vs queryselectorAll vs getElementsByTagName 2

Run details:

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

Browser: Chrome 93

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
jquery	755128.3 Ops/sec
querySelectorAll	1502281.6 Ops/sec
getElementsByTagName	4602002.5 Ops/sec

HTML Preparation code:

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.1.0.min.js"></script>
<div id="testElement1" class="test class list classes"></div>
<div id="testElement2" class="test classA list classes"></div>
<div id="testElement3" class="test classA list classes"></div>

Tests:

jquery
let divs = $('div.classA')
querySelectorAll
let divs = document.querySelectorAll('div.classA')
getElementsByTagName
let foundDivs = document.getElementsByTagName('div'); let results = []; for(let x = 0; x < foundDivs.length; x++) { let div = foundDivs[x]; if(div.classList.contains('classA')) { results.push(div); } }

Run results for: jquery vs queryselectorAll vs getElementsByTagName 2

jquery

querySelectorAll

getElementsByTagName