jquery移除、綁定、觸發元素事件使用範例詳解_jquery

複製程式碼 程式碼如下:

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

對於只需要觸發一次的，隨後就要立即解除綁定的情況，用one()

複製程式碼程式碼如下:

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

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

複製程式碼 程式碼如下:

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

也可以直接執行事件

複製程式碼 程式碼如下:

$(' btn').click();

觸發自訂事件
bind() 方法為被選元素新增一個或多個事件處理程序，並規定事件發生時運行的函數。

複製程式碼 程式碼如下:

$('#btn').bind("myclick).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"). ");   //刪除空間內的事件$("div").trigger("click!"); //觸發所以不包含在命名空間中的click方法

如果包含在命名空間的也要觸發

複製程式碼 程式碼如下: 程式碼如下: $(“div”).trigger(“click”);

取消或綁定函數

複製程式碼 程式碼如下:

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