Run details:
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:95.0) Gecko/20100101 Firefox/95.0
Firefox 95
Windows
Desktop
3 years ago
Test name Executions per second
Vanilla JS ID test 1453422.2 Ops/sec
Vanilla JS Class test 1339877.2 Ops/sec
jQuery ID Test 1054802.4 Ops/sec
jQuery Class Test 404237.4 Ops/sec
HTML Preparation code:
AخA
 
1
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
2
<div class="test">blah</div>
3
<div id="test">blah</div>
Tests:
  • Vanilla JS ID test

     
     document.querySelector('#test').classList.add('fuck');
  • Vanilla JS Class test

     
    document.querySelector('.test').classList.add('fuck');
  • jQuery ID Test

     
    $('#test').addClass('fuck');
  • jQuery Class Test

     
    $('.test').addClass('fuck');