jquery移除、綁定、觸發元素事件

unbind(type [,data])     //data是要移除的函數
$('#btn').unbind("click"); //移除click
$('#btn').unbind(); //移除全部

對於只須要觸發一次的，隨後就要當即解除綁定的狀況，用one()

$('#btn').one("click",function(){.......});

觸發操做：trigger() 方法觸發被選元素的指定事件類型。

$('#btn').trigger("click");

觸發自定義事件：bind() 方法爲被選元素添加一個或多個事件處理程序，並規定事件發生時運行的函數。

$('#btn').bind("myclick",function(){....});

模擬觸發上面的綁定函數

$('#btn').trigger("myclick");

傳遞數據trigger(event,[param1,param2,...])

$('#btn').bind("myclick",function(event,message1,message2){...........});
$('#btn').trigger("myclick",["傳給message1","傳給message2"]);

觸發執行默認操做

$("input").trigger("focus");
//不只會觸發input元素綁定的focus事件，還會觸發默認操做——獲得焦點

只觸發綁定事件，不執行瀏覽器默認操做

$("input").triggerHandler("focus");
//只觸發綁定事件，不執行瀏覽器默認操做

其餘用法

綁定多個事件類型

$("div").bind("mouseover mouseout",function(){.....});

添加事件命名空間

$("div").bind("click.plugin",function(){......});

在所綁定的事件類型後面添加命名空間，這樣在刪除事件時只須要指定命名空間便可。

$("div").unbind(".plugin");   //刪除空間內的事件
$("div").trigger("click!"); //觸發因此不包含在命名空間中的click方法

若是包含在命名空間的也要觸發

$(「div」).trigger(「click」);

取消或者綁定函數

$('div').bind('click', RecommandProduct);//爲div綁定RecommandProduct 函數
$('div').unbind('click', RecommandProduct);//取消RecommandProduct 函數