Benchmark: Old Jquery, Vanilla event listen

HTML Preparation code:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<ul id="menu">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
</ul>

Script Preparation code:


        Benchmark.prototype.setup = function() {

          
  var element = document.getElementById( 'menu' ).getElementsByTagName( 'li' )[2];

        
  };

Tests:

vanilla
document.getElementById( 'menu' ).addEventListener( 'click', function( event ) { if( event.target && event.target.nodeName === 'LI' ) { // Event triggered } }); element.click();
jq
jQuery( '#menu' ).on( 'click', 'li', function() { // Event triggered }); element.click();

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
vanilla
jq

Fastest: N/A

Slowest: N/A

Latest run results:

No previous run results

This benchmark does not have any results yet. Be the first one to run it!

Related benchmarks:

New Jquery, Vanilla event listen
addEventListener vs jQuery
Context vs Children
addEventListener() vs jQuery.on() with mouseEnter

Old Jquery, Vanilla event listen (version: 0)

Comparing performance of: vanilla vs jq

Created: 7 years ago by: Registered User

Jump to the latest result

vanilla

jq

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

No previous run results