DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery利用命名空間移除綁定事件的方法教程
jquery利用命名空間移除綁定事件的方法教程
編輯:JQuery特效代碼     

本文實例講述了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程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved