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