本文實例講述了jquery利用命名空間移除綁定事件的方法。分享給大家供大家參考。具體分析如下:
最近研究jquery,發現了一個簡單移除綁定事件的方法,命名空間。
例子很簡單。
這裡我綁定了三個事件,分別是click,mouseover和dblclick事件
其中click和mouseover事件我加入了命名空間,而dblclick沒有加入命名空間。
利用一個button移除了綁定的事件。
這樣避免了重復的使用bind和unbind方法,讓你的代碼看起來更簡潔明了。
代碼如下:<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>
<div style="border: 1px solid red;height: 100px;width:300px;">已經綁定了<br/>click,mouseover,dblclick事件的層</div>
<input id="but" type="button" value="remove"></input>
運行效果如下:
希望本文所述對大家的jQuery程序設計有所幫助。