Benchmark: vanilla vs jquery tests

HTML Preparation code:

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

Tests:

add class - vanilla
document.querySelector(".test").classList.add("test-class");
add class - jquery
$(document).find(".test").addClass("test");
get element by class - vanilla
document.querySelector(".test");
get element by class - jquery
$(document).find(".test");

Rendered benchmark preparation results:

Previous results

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

Latest run results:

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

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.77 Safari/537.36

Browser/OS: Chrome 70 on Mac OS X 10.13.6

vanilla vs jquery tests (version: 0)