jquery unbind 的用法

一、語法

$(selector).unbind(event,function)

event：可選。規定刪除元素的一個或多個事件，由空格分隔多個事件值。如果只規定了該參數，則會刪除綁定到指定事件的所有函數。

function：可選。規定從元素的指定事件取消綁定的函數名。

unbind()函數的參數全是篩選條件，只有匹配所有參數條件的事件處理函數都將被移除。參數越多，限定條件就越多，被移除的範圍就越小。

 

二、jquery unbind實例

 

<input id="btn1" type="button" value="點擊1" />
<input id="btn2" type="button" value="點擊2" />
<a id="a1" href="#">CodePlayer</a>
<script>
function btnClick1(){
    alert( this.value + "-1" );
}
function btnClick2(){
    alert( this.value + "-2" );
}
var $buttons = $(":button");
// 爲所有button元素的click事件綁定事件處理函數btnClick1
$buttons.bind( "click", btnClick1 );
// 爲所有button元素的click事件綁定事件處理函數btnClick2
$buttons.bind( "click", btnClick2 );
// 爲所有a元素的click、mouseover、mouseleave事件綁定事件處理函數
$("a").bind( "click mouseover mouseleave", function(event){
    if( event.type == "click" ){
        alert("點擊事件");
    }else if( event.type == "mouseover" ){
        $(this).css("color", "red");
    }else{
        $(this).css("color", "blue");       
    }
});

// 移除爲所有button元素的click事件綁定的事件處理函數btnClick2
// 點擊按鈕，只執行btnClick1
$buttons.unbind("click", btnClick2);

// 移除爲所有button元素的click事件綁定的所有事件處理函數(btnClick1和btnClick2)
// 點擊按鈕，不會執行任何事件處理函數
// $buttons.unbind("click");

// 只移除爲btn1元素的click事件綁定的所有事件處理函數
 // btn2元素的click事件仍然有效
// $("#btn1").unbind("click");
// 移除爲所有a元素的任何事件綁定的所有處理函數
// 點擊鏈接，或用鼠標在鏈接上移入、移出，都不會觸發執行任何事件處理函數
// $("a").unbind( );
</script>

參考資料： jquery unbind   http://www.studyofnet.com/news/917.html