jquery利用命名空間移除綁定事件的方法
本文實例講述了jquery利用命名空間移除綁定事件的方法。分享給大家供大家參考。具體分析如下:
最近研究jquery,發(fā)現(xiàn)了一個簡單移除綁定事件的方法,命名空間。
例子很簡單。
這里我綁定了三個事件,分別是click,mouseover和dblclick事件
其中click和mouseover事件我加入了命名空間,而dblclick沒有加入命名空間。
利用一個button移除了綁定的事件。
這樣避免了重復(fù)的使用bind和unbind方法,讓你的代碼看起來更簡潔明了。
<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)個人中心導(dǎo)航菜單效果和美觀都非常不錯
這是一款由jquery開發(fā)的導(dǎo)航菜單。適合放在門戶網(wǎng)站的個人用戶中心后臺。效果和美觀都非常不錯2014-09-09

jQuery實現(xiàn)ajax調(diào)用WCF服務(wù)的方法(附帶demo下載)

利用jQuery插件imgAreaSelect實現(xiàn)圖片上傳裁剪(同步顯示圖像位置信息)

基于jQuery實現(xiàn)點擊最后一行實現(xiàn)行自增效果的表格