Toggle navigation
MeasureThat
.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Run results for:
jQuery vs getElementById vs querySelector jquery 3.6.3
Comparing speed of getting element by id with jQuery vs Vanilla JS with getElementById and querySelector
Go to the benchmark
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=586375" width="100%" height="500px"></iframe>
Run details:
User agent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/132.0.0.0 Safari/537.36
Browser:
Chrome 132
Operating system:
Windows
Device Platform:
Desktop
Date tested:
one year ago
getElementById
48.5M/s
querySelector
11.4M/s
jQuery
6.5M/s
View exact numbers
Test name
Executions per second
✓
getElementById
48,480,960 Ops/sec
querySelector
11,356,318 Ops/sec
jQuery
6,533,070 Ops/sec
HTML Preparation code:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script> <div id="testElement" class="test class list classes"></div>
Tests:
jQuery
var el = $("#testElement")[0];
getElementById
var el = document.getElementById('testElement');
querySelector
var el = document.querySelector("#testElement");