Toggle navigation
MeasureThat
.net
Create a benchmark
Tools
Feedback
Feature Requests
FAQ
Register
Log In
Run results for:
jQuery Id selector vs Document.getElementById vs Document.querySelector
Comparing speed of getting element by id with jQuery vs Vanilla JS vs Vanilla JS querySelector
Go to the benchmark
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=587232" 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/135.0.0.0 Safari/537.36
Browser:
Chrome 135
Operating system:
Windows
Device Platform:
Desktop
Date tested:
one year ago
Benchmark engine:
Benchmark.js
Vanilla JS
33.9M/s
Vanilla JS querySelector
7.3M/s
jQuery
4.1M/s
View exact numbers
Test name
Executions per second
✓
Vanilla JS
33,888,492 Ops/sec
Vanilla JS querySelector
7,284,526 Ops/sec
jQuery
4,149,320 Ops/sec
HTML Preparation code:
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.1.0.min.js"></script> <div id="testElement"></div>
Tests:
Vanilla JS
var el = document.getElementById('testElement'); var className = el.className;
Vanilla JS querySelector
var el = document.querySelector('#testElement'); var className = el.className;
jQuery
var el = $('#testElement'); var className = el.className;