jquery利用命名空間移除綁定事件的方法
更新時間：2015年03月11日 15:31:33 作者：jeffsui
這篇文章主要介紹了jquery利用命名空間移除綁定事件的方法,實例分析了jQuery命名空間及事件綁定的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了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>
運行效果如下：
希望本文所述對大家的jQuery程序設(shè)計有所幫助。
相關(guān)文章
jQuery實現(xiàn)鼠標單擊網(wǎng)頁文字后在文本框顯示的方法
這篇文章主要介紹了jQuery實現(xiàn)鼠標單擊網(wǎng)頁文字后在文本框顯示的方法,可實現(xiàn)鼠標點擊上方文字即可在下方勾選處文本框顯示對應(yīng)文字的效果,涉及jQuery鼠標事件及鏈式操作的相關(guān)技巧,需要的朋友可以參考下2015-05-05
Jquery阻止事件冒泡 event.stopPropagation
幫朋友寫了一個小效果，單擊標簽后標簽變色并添加一個叉的圖片，點擊叉標簽恢復(fù)原樣，具體效果請點擊下面的result2011-12-12
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)可以擴展的日歷，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
php結(jié)合imgareaselect實現(xiàn)圖片裁剪
這篇文章主要介紹了php結(jié)合imgareaselect實現(xiàn)圖片裁剪的相關(guān)資料,需要的朋友可以參考下2015-07-07
這篇文章主要介紹了jquery實現(xiàn)加載進度條提示效果，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要介紹了jquery ajax分頁插件的簡單實現(xiàn)的相關(guān)資料,需要的朋友可以參考下2016-01-01
以前使用js代碼來寫的簡單效果現(xiàn)在用jQ來寫，具體實現(xiàn)如下，感興趣的朋友可以參考下哈2013-05-05
想必大家對于jQuery這個最流行的javascript類庫都不陌生，而且只要是前端開發(fā)人員肯定或多或少的使用或者接觸過，在這篇文章中，參考了一些資料及實際使用效率，將介紹一些書寫高質(zhì)量jQuery代碼的原則，不單單會告訴你如何去書寫，也會告訴你為什么這樣書寫，希望大家會覺得有所幫助2014-03-03
jquery.post用法關(guān)于type設(shè)置問題補充
當(dāng)使用ajax獲取data數(shù)據(jù)的時候，直接data.foo就可以得到。而較低版本的jquery就不行比如1.4之前，下面為大家介紹下jquery.post用法關(guān)于type設(shè)置問題2014-01-01
這篇文章主要介紹了jQuery+AJAX實現(xiàn)無刷新下拉加載更多的相關(guān)資料,需要的朋友可以參考下2015-07-07