MeasureThat.net

Run results for: jQuery 3.3.1 selector vs jQuery 1.9.0 vs document.querySelector vs document.getElementById

Comparing speed of jQuery 3.3.1 selector, jQuery 1.9.0, vanilla JS querySelector, and vanilla JS getElementById

Go to the benchmark
Run details:
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:101.0) Gecko/20100101 Firefox/101.0
Firefox 101
Windows
Desktop
2 years ago
Test name Executions per second
jQuery 3.3.1 3863421.8 Ops/sec
jQuery 1.9.0 2740617.5 Ops/sec
Vanilla JS querySelector 2723725.2 Ops/sec
Vanilla JS getElementById 4047575.8 Ops/sec
HTML Preparation code:
AخA
 
1
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js'></script>
2
<script type="text/javascript">
3
  var jq331 = $.noConflict(true);
4
</script>
5
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.0/jquery.js'></script>
6
<script type="text/javascript">
7
  var jq190 = $.noConflict(true);
8
</script>
9
<div id="testElement"></div>
Tests:

  • jQuery 3.3.1

     
    var el = jq331("#testElement")[0];
    var className = el.className;

  • jQuery 1.9.0

     
    var el = jq190("#testElement")[0];
    var className = el.className;

  • Vanilla JS querySelector

     
    var el = document.querySelector('#testElement');
    var className = el.className;

  • Vanilla JS getElementById

     
    var el = document.getElementById('testElement');
    var className = el.className;