jQuery利用命名空間移除綁定事件
來源：程序員人生 發(fā)布時(shí)間：2014-03-24 00:42:44 閱讀次數(shù)：3310次
最近研究jquery，發(fā)現(xiàn)了一個(gè)簡單移除綁定事件的方法，命名空間。
例子很簡單。
這里我綁定了三個(gè)事件，分別是click,mouseover和dblclick事件
其中click和mouseover事件我加入了命名空間，而dblclick沒有加入命名空間。
利用一個(gè)button移除了綁定的事件。
這樣避免了重復(fù)的使用bind和unbind方法，讓你的代碼看起來更簡潔明了。
代碼：
<script type="text/javascript" src="<%=path %>/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>
代碼2：
<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>
演示：
生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈
