Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
test11145
(version: 0)
nothing
Comparing performance of:
jQuery vs Vanilla JS vs Vanilla JS querySelector vs VanillaJS custom selector vs Vanilla JS querySelectorAll
Created:
6 years ago
by:
Guest
Jump to the latest result
HTML Preparation code:
<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <div class="testElement"></div>
Script Preparation code:
function $q(selector, context) { return (context || document).querySelectorAll(selector); }
Tests:
jQuery
var el = $(".testElement")[0]; var className = el.className;
Vanilla JS
var el = document.getElementsByClassName('testElement'); var className = el.className;
Vanilla JS querySelector
var el = document.querySelector('.testElement'); var className = el.className;
VanillaJS custom selector
var el = $q(".testElement"); var className = el.className;
Vanilla JS querySelectorAll
var el = document.querySelectorAll('.testElement'); var className = el.className;
Rendered benchmark preparation results:
Suite status:
<idle, ready to run>
Run tests (5)
Previous results
Fork
Test case name
Result
jQuery
Vanilla JS
Vanilla JS querySelector
VanillaJS custom selector
Vanilla JS querySelectorAll
Fastest:
N/A
Slowest:
N/A
Latest run results:
No previous run results
This benchmark does not have any results yet. Be the first one
to run it!
Related benchmarks:
test112
test1123
test1114
test11146
Comments
Confirm delete:
Do you really want to delete benchmark?