.on() vs. .bind() vs. .delegate(). vs. .native()

Benchmark created by Simon Harte on July 2, 2012

Description

Preparation HTML

<a href="#"></a>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Setup

var $link = $('a');

Test runner

$link.on('click', function() {});

$link.bind('click', function() {});

$(document).delegate($link, 'click', function() {});

$link.click(function() {});

$link.live('click', function() {});

$(document).on('click', $link, function() {});

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.

• Revision 1: published by Simon Harte on July 2, 2012
• Revision 2: published by Simon Harte on July 24, 2012
• Revision 3: published on August 14, 2012
• Revision 4: published on September 1, 2023