jQuery.live vs jQuery.delegate (v16)

Revision 16 of this benchmark created by Richard Lopes on

Description

Comparison of jQuery methods live and delegate over 1000 items. Now using jQuery 1.5.1 instead.

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.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
delegate
$('#myList').delegate('input:checkbox', 'click', $.noop);
ready
delegate to document.body
$(document.body).delegate('input:checkbox', 'click', $.noop);
ready
delegate to document
$(document).delegate('input:checkbox', 'click', $.noop);
ready
delegate to 'body'
$('body').delegate('input:checkbox', 'click', $.noop);
ready

Revisions

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