jquery利用命名空間移除綁定事件的方法
更新時間：2015年03月11日 15:31:33 作者：jeffsui
這篇文章主要介紹了jquery利用命名空間移除綁定事件的方法,實(shí)例分析了jQuery命名空間及事件綁定的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實(shí)例講述了jquery利用命名空間移除綁定事件的方法。分享給大家供大家參考。具體分析如下：
最近研究jquery，發(fā)現(xiàn)了一個簡單移除綁定事件的方法，命名空間。
例子很簡單。
這里我綁定了三個事件，分別是click,mouseover和dblclick事件
其中click和mouseover事件我加入了命名空間，而dblclick沒有加入命名空間。
利用一個button移除了綁定的事件。
這樣避免了重復(fù)的使用bind和unbind方法，讓你的代碼看起來更簡潔明了。
復(fù)制代碼 代碼如下:
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(function (){
$("div").bind("click.plugin",function(){
$("body").append("<p>click事件</p>");
});
$("div").bind("mouseover.plugin",function(){
$("body").append("<p>mouseover事件</p>");
});
$("div").bind("dblclick",function(){
$("body").append("<p>dblclick事件</p>");
});
$("#but").click(function(){
alert("remove");
$("div").unbind(".plugin");
});
})
</script>
<script type="text/javascript">
$(function (){
$("div").bind("click.plugin",function(){
$("body").append("<p>click事件</p>");
});
$("div").bind("mouseover.plugin",function(){
$("body").append("<p>mouseover事件</p>");
});
$("div").bind("dblclick",function(){
$("body").append("<p>dblclick事件</p>");
});
$("#but").click(function(){
alert("remove");
$("div").unbind(".plugin");
});
})
</script>
<div style="border: 1px solid red;height: 100px;width:300px;">已經(jīng)綁定了<br/>click,mouseover,dblclick事件的層</div>
<input id="but" type="button" value="remove"></input>
運(yùn)行效果如下：
希望本文所述對大家的jQuery程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- 實(shí)例講解jQuery中對事件的命名空間的運(yùn)用
- jQuery 事件的命名空間簡單了解
- 在jquery中處理帶有命名空間的XML數(shù)據(jù)
- jQuery中綁定事件的命名空間詳解
- javascript,jquery閉包概念分析
- jQuery事件綁定.on()簡要概述及應(yīng)用
- 關(guān)于jQuery新的事件綁定機(jī)制on()的使用技巧
- jquery 事件冒泡的介紹以及如何阻止事件冒泡
- jquery事件機(jī)制擴(kuò)展插件 jquery鼠標(biāo)右鍵事件
- jquery新的綁定事件機(jī)制on方法的使用方法
- jQuery的緩存機(jī)制淺析
- jQuery命名空間與閉包用法示例
相關(guān)文章
jquery實(shí)現(xiàn)個人中心導(dǎo)航菜單效果和美觀都非常不錯
這是一款由jquery開發(fā)的導(dǎo)航菜單。適合放在門戶網(wǎng)站的個人用戶中心后臺。效果和美觀都非常不錯2014-09-09
這篇文章主要介紹了jQuery中過濾器的基本用法,結(jié)合簡單實(shí)例形式分析了jQuery過濾器針對table表格元素屬性進(jìn)行判斷與設(shè)置的相關(guān)操作技巧,需要的朋友可以參考下2017-10-10
點(diǎn)擊超鏈接，超鏈接就會慢慢的消失，本文采用jquery中的hide方法及toggle方法實(shí)現(xiàn)，喜歡的朋友可以參考下2013-09-09
感覺這個東西很常用，很多其它js框架里有，但是太大了，用不了太多，自己寫了個。需要的朋友可以參考下。
2011-02-02 
jQuery實(shí)現(xiàn)ajax調(diào)用WCF服務(wù)的方法(附帶demo下載)
這篇文章主要介紹了jQuery實(shí)現(xiàn)ajax調(diào)用WCF服務(wù)的方法,以完整實(shí)例形式分析了jQuery的ajax前端調(diào)用及后臺交互調(diào)用WCF服務(wù)的相關(guān)技巧,并附帶完整實(shí)例共讀者下載,需要的朋友可以參考下
2015-12-12 
ASP.Net的GridView本身不帶滾動條，可通過Panel實(shí)現(xiàn)。但是Windows自帶的橫向滾動條只支持顯示在下方，為了使用方便，需要在上下方都顯示橫向滾動條。
2011-02-02 
jQuery Jcrop插件實(shí)現(xiàn)圖片選取功能
今天我們要在ASP.NET中用jQuery.Jcrop插件實(shí)現(xiàn)圖片的選取功能，你想選取美女的哪個部位你說了算，我就管不著了
2011-11-11 
利用jQuery插件imgAreaSelect實(shí)現(xiàn)圖片上傳裁剪（同步顯示圖像位置信息）
本篇文章主要對jQuery插件imgAreaSelect實(shí)現(xiàn)圖片上傳裁剪（同步顯示圖像位置信息）的使用做了簡要分析說明。需要的朋友來看下吧，希望對大家有所幫助
2016-12-12 
基于jQuery實(shí)現(xiàn)點(diǎn)擊最后一行實(shí)現(xiàn)行自增效果的表格
現(xiàn)在任何事務(wù)都追求效率和人性化，當(dāng)然網(wǎng)頁效果也是如此，如果一個可以編輯數(shù)據(jù)的表格，編輯到最后一行的時候，點(diǎn)擊可以自動添加一行，這樣算是一個比較人性化的效果，可以免去一絲勞頓之苦，下面分享一段這樣的代碼
2016-01-01