jQuery.live vs jQuery.delegate (v26)

Revision 26 of this benchmark created by DevAd on

Description

comparison of jQuery methods live and delegate over 1000 items.

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<ul id="myList">
</ul>
<script>
  var listArray = [],
      tpl = '<li><input type="checkbox" name="check_%i" value="%i" /></li>',
      tplFn = function(value) {
      return tpl.replace(/%i/g, value);
      },
      i;
  
  // loop and create 1000 entries
  for (i = 0; i <= 1000; i++) {
    listArray.push(tFpln(i));
  }
  
  
  $('#myList').append(listArray.join(''));
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
live
$('input:checkbox').live('click', $.noop);
ready
live with context
$('input:checkbox', $('#myList')).live('click', $.noop);
ready
click
$('#myList').delegate('input:checkbox', 'click', $.noop);
ready
delegate to document.body
$(document.body).delegate('input:checkbox', 'click', $.noop);
ready
jquery body
$('body').delegate('input:checkbox', 'click', $.noop);
ready
Click
$('input:checkbox').click($.noop);
ready
bind
$('input:checkbox').bind('click',$.noop);
ready

Revisions

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