jQuery:unbind方法的使用詳解
jQuery:unbind方法的使用詳解
一、前言
unbind方法只能解綁用jQuery的bind方法以及用jquery方法注冊的事件處理程序。比如:$(‘a(chǎn)').click(function(){})可以通過unbind解綁。用原生addEventListener以及IE下的attachEvent注冊的事件以及使用onclick/onmouseover屬性綁定的事件不能通過unbind進行解綁。
例如:
以下的事件可以通過unbind解綁:
$('a').click(function(){}); $('a').bind('click',function(){})
以下的事件不可以通過unbind解綁
var a = document.getElementById('a'); a.addEventListener(a,function(){},false); a.onclick = function(){}
二、使用方式:
傳入一個或者多個事件名稱字符串,可以解綁該元素上指定的處理事件。
例如:
//解綁所有a上的click事件 $('a').unbind('click'); //解綁a上的所有mouseover以及mouseoverout事件 $('a').unbind('mouseover mouseout');
以上方式比較粗暴,如果在多模塊開發(fā)中,可能會直接把別的模塊注冊的處理函數(shù)給解綁了。所以可以采用命名空間的方式進行解綁。
例如:
$('a').unbind('click.myspace') $('a').unbind('mouseover.myspace,mouseout.myspace)
使用事件處理程序的引用進行解綁。此時第一個參數(shù)是事件名稱,第二個參數(shù)是事件處理函數(shù)名稱
function handler(){ alert('hello'); } $('a').bind('click',handler); $('a').unbind('click',handler);
傳入一個對象給unbind,取消該對象的所有key的名稱對應(yīng)的事件,value是綁定的事件處理函數(shù)名稱。如下:
$('a').unbind({ mouseover: mouseoverHandler, mouseout: mouseoutHandler });
傳入一個jQuery Event對象給unbind,也可以解綁該event對應(yīng)的處理函數(shù)。例如:
$('a').click(function(event){ if(條件滿足){ $('a').unbind(event); } });
注意:調(diào)用unbind(event)方法就相當于調(diào)用unbind(事件類型,事件處理函數(shù)名稱)
以上就是jQuery:unbind方法的介紹,如有疑問請留言或者到本站社區(qū)交流討論,感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
- 詳談jQuery unbind 刪除綁定事件 / 移除標簽方法
- 淺談jQuery的bind和unbind事件(綁定和解綁事件)
- 淺析jquery unbind()方法移除元素綁定的事件
- jQuery unbind 刪除綁定事件詳解
- jQuery unbind()方法實例詳解
- jQuery綁定事件監(jiān)聽bind和移除事件監(jiān)聽unbind用法實例詳解
- JQuery中綁定事件(bind())和移除事件(unbind())
- jQuery中unbind()方法用法實例
- jQuery用unbind方法去掉hover事件及其他方法介紹
- JQuery入門——移除綁定事件unbind方法概述及應(yīng)用
相關(guān)文章
jquery實現(xiàn)html頁面先加載內(nèi)容過幾秒后顯示數(shù)據(jù)
這篇文章主要給大家介紹了關(guān)于jquery實現(xiàn)html頁面先加載內(nèi)容過幾秒后顯示數(shù)據(jù)的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家具有一定的參考借鑒價值,需要的朋友可以參考下2023-07-07artDialog雙擊會關(guān)閉對話框的修改過程分享
artDialog,一個jquery的對話框插件但是在使用時發(fā)現(xiàn)鼠標雙擊時會自半對話框,下面與大家分享下具體的修改過程,感興趣的朋友可以參考下2013-08-08實時監(jiān)控input框,實現(xiàn)輸入框與下拉框聯(lián)動的實例
下面小編就為大家分享一篇實時監(jiān)控input框,實現(xiàn)輸入框與下拉框聯(lián)動的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01基于jQuery實現(xiàn)仿百度首頁換膚背景圖片切換代碼
現(xiàn)在介紹網(wǎng)頁換膚的例子已經(jīng)數(shù)不勝數(shù),自己也沒有仔細研究過,剛搞遇到類似這個問題,網(wǎng)上查了資料解決了問題,感覺很有用,就記錄了下來,本文給大家分享基于jQuery實現(xiàn)仿百度首頁換膚背景圖片切換代碼,需要的朋友可以參考下2015-08-08JQuery Ajax動態(tài)加載Table數(shù)據(jù)的實例講解
今天小編就為大家分享一篇JQuery Ajax動態(tài)加載Table數(shù)據(jù)的實例講解,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08jquery+css實現(xiàn)絢麗的橫向二級下拉菜單-附源碼下載
這篇文章主要介紹了jquery+css實現(xiàn)絢麗的橫向二級下拉菜單-附源碼下載,需要的朋友可以參考下2015-08-08jquery animate實現(xiàn)鼠標放上去顯示離開隱藏效果
本文為大家介紹下使用jquery animate實現(xiàn)鼠標放上去顯示,離開就隱藏的效果,感興趣的朋友可以參考下哈,希望對大家有所幫助2013-07-07