這篇文章主要介紹了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 函數