关闭选择中特定项目的事件答案

【问题标题】：Turn off events for specific item in selection关闭选择中特定项目的事件
【发布时间】：2012-12-20 01:32:54
【问题描述】：

假设我有这样的事情：

$('#mydiv').on('click', 'button', doSomething);

显然我希望所有按钮在点击时都指向doSomething()。现在假设我希望其中一个按钮不执行此操作，而是执行其他操作。

$('#mydiv').off('click', '.specialclass button');

这不起作用，但我需要它。有没有办法做到这一点？我非常希望不必单独连接每个按钮。

.off() documentation 的这一部分让我很生气：

要删除特定的委托事件处理程序，请提供选择器参数。选择器字符串必须与附加事件处理程序时传递给 .on() 的字符串完全匹配。

Here's a fiddle 演示我正在尝试做的事情。

【问题讨论】：

【解决方案1】：

您可以使用 jQuery 伪选择器:not() 排除搜索结果，即文档here。

$('#mydiv').on('click', 'button:not(.specialclass)', doSomething);

然后你可以单独指定具体情况：

$('.specialclass').on('click', function() { console.log('sup'; });

您还可以使用 unbind 来关闭 jQuery 中的事件。

$('div').unbind('click');

虽然没有被弃用，但根据文档：

从 jQuery 1.7 开始，.on() 和 .off() 方法更适合在元素上附加和删除事件处理程序

【讨论】：