jQuery2 on vs addEventListener (v9)

Revision 9 of this benchmark created on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<div id="target" class="target"></div>

Setup

function targetFunc () { void(0) };

Test runner

Ready to run.

Testing in
TestOps/sec
Inefficient jQuery solution
$('#target').click(targetFunc);
ready
Slightly improved jQuery solution
var targetEl = $('#target');
targetEl.click(targetFunc);
ready
Native solution
document.getElementById('target').addEventListener('click',targetFunc,false);
ready
Slightly Improved Native solution
var targetEl = document.getElementById('target');
targetEl.addEventListener('click',targetFunc,false);
ready
Native Solution with class
var target = document.getElementsByClassName('target')[0];
target.addEventListener('click',targetFunc,false);
target.removeEventListener('click',targetFunc,false);
ready
Jquery solution with class
$(".target").click(targetFunc);
ready

Revisions

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