Run results for: Vanilla JS VS Jquery | Click Event Speed

Run details:

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 16_6 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.0 YaBrowser/23.9.0.1660.10 SA/3 Mobile/15E148 Safari/604.1

Browser: Yandex Browser 23

Operating system: iOS 16.6

Device Platform: Mobile

Date tested: one year ago

Test name	Executions per second
Vanilla	8333947.5 Ops/sec
jQuery	1089192.6 Ops/sec

HTML Preparation code:

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<div class="rte faq-list-content pb-24">
<ul>
<li>
<h2 class="p1">frequently asked question maybe a little longer than one row ?</h2>
<p class="p1">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Bibendum est ultricies integer quis. Iaculis urna id volutpat lacus laoreet. Mauris vitae ultricies leo integer malesuada.<br><br>Testing&nbsp;</p>
</li>
<li>
<h2 class="p1">frequently asked question maybe a little longer than one row ?</h2>
<p class="p1">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Bibendum est ultricies integer quis. Iaculis urna id volutpat lacus laoreet. Mauris vitae ultricies leo integer malesuada.</p>
</li>
<li>
<h2 class="p1">frequently asked question maybe a little longer than one row ?</h2>
<p class="p1">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Bibendum est ultricies integer quis. Iaculis urna id volutpat lacus laoreet. Mauris vitae ultricies leo integer malesuada.</p>
</li>
</ul>
  </div>

Tests:

Vanilla
window.onload =()=>{ document.querySelectorAll('.faq-list-content li h2').forEach((button) => { button.addEventListener('click', (e) => { e.preventDefault(); console.log(e.currentTarget.parentElement.classList.toggle("active")); }); }); }
jQuery
$(document).on('click', '.faq-list-content li h2', function (event) { event.preventDefault(); this.parentElement.classList.toggle("active"); });

Run results for: Vanilla JS VS Jquery | Click Event Speed

Comparing performance of: Vanilla vs Jquery

Vanilla

jQuery