从元素取消绑定jQuery click事件

Question

具有.btn类的所有元素在页面加载时都绑定到jQuery click事件。 有没有一种方法可以解除绑定使用类.btn的单个元素。 我尝试通过将onclick事件中的return false添加到这样的锚标记中

<a href="index.html" class="btn" onclick="return false;" target="_blank">Link</a>

但它似乎并未覆盖或阻止它执行jQuery绑定的click事件

编辑
感谢您提供所有答案，但是对此有内联解决方案吗？ 类似于onclick="event.preventDefault();"

还跟进问题：只是好奇，在onclick和jQuery事件监听器中哪个首先被调用？

Answer 1

使用Jquery的unbind()方法。

<a href="index.html" onclick="return false;" target="_blank" id="xyz">Link</a>      

$(document).ready(function(){
     $("#xyz").unbind("click");
});

Answer 2

您可以使用jquery .not通过特定按钮来缩小选择范围，在此您需要为该按钮赋予唯一的ID：

<a href="index.html" class="btn" id="prevent" target="_blank">Link</a>
<a href="index.html" class="btn"  target="_blank">Link</a>

$(".btn").not("#prevent").click(function(){

});

Answer 3

如果您添加了事件，则通过如下所示的委托单击 ：

$(document).on('click', '.btn', function(e){});

您必须停止从自己的.btn传播事件

$('.myOwnBtn').on('click', function(e) {
    e.preventDefault();
});

如何在.btn上添加事件点击？ 如果您单击添加事件，则可以将其关闭

$('.myOwnBtn').off('click');

Onclick属性在jquery的click事件之前执行，并且完全独立于jquery的click事件。