DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery移除、綁定、觸發元素事件使用示例詳解
jquery移除、綁定、觸發元素事件使用示例詳解
編輯:JQuery特效代碼     

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

對於只需要觸發一次的,隨後就要立即解除綁定的情況,用one()
. 代碼如下:
$('#btn').one("click",function(){.......});

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

. 代碼如下:
$('#btn').trigger("click");

也可以直接執行事件
. 代碼如下:
$('#btn').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 函數

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