如果.on()方法之前与特定选择器一起使用，如下例所示:

$('body').on('click', '.dynamicTarget', function () {
    // Code goes here
});

unbind()和.off()方法都不能工作。

然而，.undelegate()方法可用于完全从事件中删除与当前选择器匹配的所有元素的处理程序:

$("body").undelegate(".dynamicTarget", "click")

删除所有事件处理程序，这对我来说是有效的:

删除所有事件处理程序意味着使用纯HTML结构，而不将所有事件处理程序附加到元素及其子节点。为此，jQuery的clone()提供了帮助。

var original, clone;
// element with id my-div and its child nodes have some event-handlers
original = $('#my-div');
clone = original.clone();
//
original.replaceWith(clone);

这样，我们就有了一个没有事件处理程序的克隆版本来代替原始版本。

祝你好运…

删除内联onclick事件的最佳方法是$(element)。道具(onclick, null);

jQuery≥1.7

随着jQuery 1.7的更新，事件API已经更新，.bind()/.unbind()仍然可以向后兼容，但首选的方法是使用on()/off()函数。下面是，

$('#myimage').click(function() { return false; }); // Adds another click event
$('#myimage').off('click');
$('#myimage').on('click.mynamespace', function() { /* Do stuff */ });
$('#myimage').off('click.mynamespace');

jQuery < 1.7

在你的示例代码中，你只是在图像中添加了另一个点击事件，而不是覆盖前一个:

$('#myimage').click(function() { return false; }); // Adds another click event

这两个单击事件都将被触发。

正如人们所说，你可以使用unbind删除所有点击事件:

$('#myimage').unbind('click');

如果你想添加一个事件，然后删除它(不删除任何其他可能已添加的事件)，那么你可以使用事件命名空间:

$('#myimage').bind('click.mynamespace', function() { /* Do stuff */ });

然后删除你的事件:

$('#myimage').unbind('click.mynamespace');

如果事件以这种方式附加，目标将被解除附加:

$('#container').on('click','span',function(eo){
    alert(1);

    $(this).off(); //seams easy, but does not work

    $('#container').off('click','span'); //clears click event for every span

    $(this).on("click",function(){return false;}); //this works.

});​

希望我下面的代码说明一切。 HTML:

(function($){ $("#btn_add").on("click",function(){ $("#btn_click").on("click",added_handler); alert("Added new handler to button 1"); }); $("#btn_remove").on("click",function(){ $("#btn_click").off("click",added_handler); alert("Removed new handler to button 1"); }); function fixed_handler(){ alert("Fixed handler"); } function added_handler(){ alert("new handler"); } $("#btn_click").on("click",fixed_handler); $("#btn_fixed").on("click",fixed_handler); })(jQuery); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button id="btn_click">Button 1</button> <button id="btn_add">Add Handler</button> <button id="btn_remove">Remove Handler</button> <button id="btn_fixed">Fixed Handler</button>