Run results for: test1112

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.116 Safari/537.36

Browser: Chrome 80

Operating system: Windows

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
jQuery	369861.9 Ops/sec
Vanilla JS	1736799.2 Ops/sec
Vanilla JS querySelector	2183670.8 Ops/sec
Vanilla JS (get by id)	2780948.8 Ops/sec

HTML Preparation code:

<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<div class="testElement"></div>
<div id="testThisId"></div>

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;
Vanilla JS (get by id)
var el = document.getElementById('testThisId'); var className = el.className;

nothing

jQuery

Vanilla JS

Vanilla JS querySelector

Vanilla JS (get by id)