Preparation Code Preparation HTML (this will be inserted in the <body>
of a valid HTML5 document in standards mode) (useful when testing DOM operations or including libraries) <script src ="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" >
</script >
<div id ="context" >
<p >
Some paragraph
</p >
</div >
Setup JS var el = document .getElementsByTagName ('p' )[0 ];
Teardown JS
$('p' ).die ('click' );
$('#context' ).undelegate ('p' , 'click' , $.noop);
$(document ).undelegate ('p' , 'click' , $.noop);
$('#context' ).off ('click' , 'p' , $.noop);
$(document ).off ('click' , 'p' , $.noop);
$("p" ).off ("click" , $.noop);
$("p" ).unbind ('click' );
Test cases
Test #1 Title *
Async
Code * $('p' ).live ('click' , $.noop);
Test #2 Title *
Async
Code * $('p' , $('#context' )).live ('click' , $.noop);
Title *
Async
Code * $('#context' ).delegate ('p' , 'click' , $.noop);
Title *
Async
Code * $(document ).delegate ('p' , 'click' , $.noop);
Title *
Async
Code * $('#context' ).on ('click' , 'p' , $.noop);
Title *
Async
Code * $(document ).on ('click' , 'p' , $.noop);
Title *
Async
Code * $("p" ).on ("click" , $.noop);
Title *
Async
Code * $("p" ).click ($.noop);
Title *
Async
Code * $("p" ).bind ('click' , $.noop);
Title *
Async
Code * el.addEventListener ('click' , function ( ) {
$.noop
});