jQuery unbind()方法實(shí)例詳解
本文實(shí)例講述了jQuery unbind()方法使用方法。分享給大家供大家參考,具體如下:
jQuery 中的 unbind() 方法是 bind() 方法的反向操作,從每一個(gè)匹配的元素中刪除綁定的事件。
語法結(jié)構(gòu):
type是事件類型,data為將要移除的事件。具體說明如下:
1、如果沒有參數(shù),則刪除所有的綁定事件;
2、如果提供了事件類型(type)作為參數(shù),則只刪除該類型的綁定事件;
3、如果把在綁定時(shí)傳遞的處理函數(shù)作為第2個(gè)參數(shù),則只有這個(gè)特定的事件處理函數(shù)被刪除。
請(qǐng)看下面的舉例:
<script src="jquery.js" type="text/javascript"></script> <style> .info { background:#ffff66; } </style> <input type="button" id="btn" value="點(diǎn)擊我" /> <input type="button" id="delAll" value="刪除全部綁定函數(shù)" /> <input type="button" id="delFun2" value="刪除第二個(gè)綁定函數(shù)" /><br /> <div class="info"></div> <script type="text/javascript"> $(document).ready(function(){ // 為id為btn的按鈕添加綁定事件 $("#btn").bind('click', fun1=function(){ $(".info").append('<p>綁定函數(shù)1</p>'); }).bind('click', fun2=function(){ $(".info").append('<p>綁定函數(shù)2</p>'); }).bind('click', fun3=function(){ $(".info").append('<p>綁定函數(shù)3</p>'); }) $("#delAll").bind('click', function(){ $("#btn").unbind(); //刪除全部綁定事件 }) $("#delFun2").bind('click', function(){ $("#btn").unbind('click', fun2); //刪除第二個(gè)綁定函數(shù) }) }) </script>
效果展示圖:
更多關(guān)于jQuery事件相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《jQuery常見事件用法與技巧總結(jié)》
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
jQuery實(shí)現(xiàn)html表格動(dòng)態(tài)添加新行的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)html表格動(dòng)態(tài)添加新行的方法,涉及jQuery鼠標(biāo)事件及頁面元素的操作技巧,需要的朋友可以參考下2015-05-05基于jquery的bankInput銀行卡賬號(hào)格式化
jquery bankInput插件是銀行卡進(jìn)行格式化顯示,能控制文本框輸入最小最大個(gè)數(shù)、控制只能輸入數(shù)字、控制不能粘貼不能使用輸入法。同時(shí)插件能實(shí)現(xiàn)自動(dòng)加載格式化顯示和支持非輸入框的格式話顯示2012-08-08jquery click([data],fn)使用方法實(shí)例介紹
大概意思就是觸發(fā)每一個(gè)匹配元素的click事件,本文通過一個(gè)實(shí)例為大家詳細(xì)介紹下jquery click([data],fn)的使用方法,感興趣的朋友可以參考下哈,希望對(duì)大家有所幫助2013-07-07jQuery form插件的使用之處理server返回的JSON, XML,HTML數(shù)據(jù)
這篇文章主要介紹了jQuery form插件的使用之處理server返回的JSON, XML,HTML數(shù)據(jù) 的相關(guān)資料,需要的朋友可以參考下2016-01-01Jquery實(shí)現(xiàn)由下向上展開效果的例子
這篇文章主要介紹了Jquery實(shí)現(xiàn)由下向上展開效果的例子,本文同時(shí)講解了向下展開的例子,需要的朋友可以參考下2014-12-12