Run results for: jQuery 3.3.1 selector vs document.querySelectorAll

Run details:

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

Browser: Chrome 69

Operating system: Windows

Device Platform: Desktop

Date tested: 6 years ago

Test name	Executions per second
Vanilla JS	454046.3 Ops/sec
JQuery 3.3.1	148079.8 Ops/sec

HTML Preparation code:

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

Tests:

Vanilla JS
var el = document.querySelectorAll('.d');
JQuery 3.3.1
var el = $('.d')

Run results for: jQuery 3.3.1 selector vs document.querySelectorAll

Comparing speed of jQuery 3.3.1 selector and vanilla JS querySelectorAll

Vanilla JS

JQuery 3.3.1