Benchmark: jquerySelector vs getElementByClassName

HTML Preparation code:

<div class="testElement"></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js'></script>

Tests:

jquerySelector
var el = $('.testElement'); var className = el.className;
getElementByClassName
var el = document.getElementsByClassName('testElement'); var className = el.className;

Rendered benchmark preparation results:

Previous results

Test case name	Result
jquerySelector
getElementByClassName

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: 4 years ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/12.1.2 Safari/605.1.15

Browser/OS: Safari 12 on Mac OS X 10.14.6

Test name	Executions per second
jquerySelector	1745488.0 Ops/sec
getElementByClassName	4508210.0 Ops/sec

jquerySelector vs getElementByClassName (version: 0)