jQuery click vs bind vs on

Benchmark created on


Description

Tests performance of jQuery event listeners.

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Setup

<div id="main"></div>

Test runner

Ready to run.

Testing in
TestOps/sec
click
$("#main").click(function(){});
ready
bind
$("#main").bind("click", function(){});
ready
on
$("#main").on("click", function(){});
ready

Revisions

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