Run details:
Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36 OPR/97.0.0.0
Opera 97
Windows
Desktop
one year ago
Test name Executions per second
Vanilla JS ID test 1472307.4 Ops/sec
Vanilla JS Class test 1465310.1 Ops/sec
jQuery ID Test 662221.1 Ops/sec
jQuery Class Test 424243.3 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');