JQuery入門——移除綁定事件unbind方法概述及應(yīng)用
更新時(shí)間：2013年02月05日 15:49:50 作者：
在DOM對(duì)象的實(shí)踐操作中,存在用于綁定事件的bind方法,也會(huì)有相應(yīng)的移除綁定事件unbind方法，接下來將介紹unbind方法的使用，感興趣的朋友可以不要錯(cuò)過了啊，或許本文對(duì)你有所幫助
1、在DOM對(duì)象的實(shí)踐操作中，既然存在用于綁定事件的bind方法，也相應(yīng)存在用于移出綁定事件的方法，在JQuery中，可以通過unbind方法移除所有綁定的事件或某一個(gè)事件。
2、示例代碼：
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>unbind方法移除綁定事件</title>
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
function oClick(){ //自定義事件
$("#divTip").append("<div>這是按鈕二綁定的事件</div>");
};
$("input:eq(0)").bind("click",function(){
$("#divTip").append("<div>這是按鈕一綁定事件</div>");
});
$("input:eq(1)").bind("click",oClick);
$("input:eq(2)").bind("click",function(){
$("input").unbind("click",oClick);
$("#divTip").append("<div>刪除按鈕二事件</div>");
});
$("input:eq(3)").bind("click",function(){
$("input").unbind();
$("#divTip").append("<div>移出所有按鈕綁定的事件</div>");
});
})
</script>
</head>
<body>
<div>
<input id="button1" class="btn" value="按鈕一" type="button"/>
<input id="button2" type="button" value="按鈕二" class="btn"/>
<input id="button3" type="button" value="刪除按鈕二事件" class="btn"/>
<input id="button4" type="button" value="刪除所有事件" class="btn"/>
</div>
<div id="divTip"></div>
</body>
</html>
3、效果圖預(yù)覽：
點(diǎn)擊按鈕一和按鈕二：
點(diǎn)擊刪除按鈕二事件在點(diǎn)擊按鈕二無反應(yīng)點(diǎn)擊按鈕一有反應(yīng)：
點(diǎn)擊刪除所有事件后點(diǎn)擊所有按鈕無反應(yīng)：
您可能感興趣的文章:
- JQuery中綁定事件（bind()）和移除事件（unbind()）
- jQuery中的bind綁定事件與文本框改變事件的臨時(shí)解決方法
- jQuery中對(duì)未來的元素綁定事件用bind、live or on
- jQuery事件綁定on()、bind()與delegate() 方法詳解
- 解析jQuery的三種bind/One/Live事件綁定使用方法
- jquery bind(click)傳參讓列表中每行綁定一個(gè)事件
- jQuery綁定事件監(jiān)聽bind和移除事件監(jiān)聽unbind用法實(shí)例詳解
- JQuery入門——用bind方法綁定事件處理函數(shù)應(yīng)用介紹
- jQuery中bind(),live(),delegate(),on()綁定事件方法實(shí)例詳解
- jQuery中的on與bind綁定事件區(qū)別實(shí)例詳解
- jQuery中綁定事件bind() on() live() one()的異同
- jQuery使用bind函數(shù)實(shí)現(xiàn)綁定多個(gè)事件的方法
相關(guān)文章
這篇文章主要介紹了jQuery預(yù)加載圖片常用方法,以兩個(gè)簡單實(shí)例分析了jQuery預(yù)加載圖片的實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了jquery操作 iframe的方法,需要的朋友可以參考下2014-12-12
在aspx文件中使用一個(gè)RadioButtonList控件顯示兩個(gè)radio標(biāo)簽。表示一對(duì)選中狀態(tài)：2013-04-04
這篇文章主要為大家詳細(xì)介紹了jquery添加div實(shí)現(xiàn)消息聊天框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-02-02
jquery從1.3開始，使用了新的選擇器–sizzle。效率超過了以前的jquery版本的其他選擇器。下面這篇文章主要介紹了jQuery源中sizzle選擇器的相關(guān)資料，文中介紹的很詳細(xì)，需要的朋友可以參考借鑒，下面來一起看看吧。2017-02-02
修改checkbox時(shí)..jquery在取checked值時(shí)總是出這樣那樣的問題....各個(gè)版本之間還有少許的差異....當(dāng)向后臺(tái)發(fā)送數(shù)據(jù)后,,再返回到當(dāng)前頁時(shí)..checked的狀態(tài)始終不對(duì)2012-08-08
JQuery實(shí)現(xiàn)簡單的服務(wù)器輪詢效果實(shí)例
這篇文章主要介紹了JQuery實(shí)現(xiàn)簡單的服務(wù)器輪詢效果,結(jié)合實(shí)例形式分析了jQuery的ajax交互結(jié)合.net處理實(shí)現(xiàn)輪詢效果的相關(guān)技巧,需要的朋友可以參考下2016-03-03
這篇文章主要介紹了BootStrap按鈕標(biāo)簽及基本樣式的相關(guān)資料，基本樣式包括顏色大小方面的知識(shí)，對(duì)bootstrap按鈕相關(guān)知識(shí)感興趣的朋友一起看看吧2016-11-11
這篇文章主要介紹了jQuery中nextAll()方法用法,實(shí)例分析了nextAll()方法的功能、定義及查找匹配元素之后所有的同輩元素使用技巧,需要的朋友可以參考下2015-01-01
jquery jqPlot API 中文使用教程(非常強(qiáng)大的圖表工具)
這里貢獻(xiàn)上中文教程，基本上所有的api都很齊全，供有需要的童鞋們瞧瞧，更重要的是作為自己滴收藏2011-08-08