從元素取消綁定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事件。