jquery移除、綁定、觸發(fā)元素事件使用示例詳解
更新時間：2014年04月10日 16:12:17 作者：
這篇文章主要介紹了jquery移除、綁定、觸發(fā)元素事件使用示例詳解,需要的朋友可以參考下
復(fù)制代碼 代碼如下:
unbind(type [,data]) //data是要移除的函數(shù)
$('#btn').unbind("click"); //移除click
$('#btn').unbind(); //移除所有
對于只需要觸發(fā)一次的，隨后就要立即解除綁定的情況，用one()
復(fù)制代碼 代碼如下:
$('#btn').one("click",function(){.......});
觸發(fā)操作
trigger() 方法觸發(fā)被選元素的指定事件類型。
復(fù)制代碼 代碼如下:
$('#btn').trigger("click");
也可以直接執(zhí)行事件
復(fù)制代碼 代碼如下:
$('#btn').click();
觸發(fā)自定義事件
bind() 方法為被選元素添加一個或多個事件處理程序，并規(guī)定事件發(fā)生時運行的函數(shù)。
復(fù)制代碼 代碼如下:
$('#btn').bind("myclick",function(){....});
模擬觸發(fā)上面的綁定函數(shù)
復(fù)制代碼 代碼如下:
$('#btn').trigger("myclick");
傳遞數(shù)據(jù)trigger(event,[param1,param2,...])
復(fù)制代碼 代碼如下:
$('#btn').bind("myclick",function(event,message1,message2){...........});
$('#btn').trigger("myclick",["傳給message1","傳給message2"]);
觸發(fā)執(zhí)行默認操作
復(fù)制代碼 代碼如下:
$("input").trigger("focus");
//不僅會觸發(fā)input元素綁定的focus事件，還會觸發(fā)默認操作——得到焦點
只觸發(fā)綁定事件，不執(zhí)行瀏覽器默認操作
復(fù)制代碼 代碼如下:
$("input").triggerHandler("focus");
//只觸發(fā)綁定事件，不執(zhí)行瀏覽器默認操作
其他用法
綁定多個事件類型
復(fù)制代碼 代碼如下:
$("div").bind("mouseover mouseout",function(){.....});
添加事件命名空間
復(fù)制代碼 代碼如下:
$("div").bind("click.plugin",function(){......});
在所綁定的世界類型后面添加命名空間，這樣在刪除事件時只需要指定命名空間即可。
復(fù)制代碼 代碼如下:
$("div").unbind(".plugin"); //刪除空間內(nèi)的事件
$("div").trigger("click!"); //觸發(fā)所以不包含在命名空間中的click方法
如果包含在命名空間的也要觸發(fā)
復(fù)制代碼 代碼如下:
$(“div”).trigger(“click”);
取消或者綁定函數(shù)
復(fù)制代碼 代碼如下:
$('div').bind('click', RecommandProduct);//為div綁定RecommandProduct 函數(shù)
$('div').unbind('click', RecommandProduct);//取消RecommandProduct 函數(shù)
相關(guān)文章
這篇文章主要為大家詳細介紹了jquery實現(xiàn)戶籍地選擇下拉框，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06
這篇文章為大家分享了一款jQuery實現(xiàn)選項卡切換簡單演示效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-12-12
這篇文章主要介紹了 基于Jquery easyui 選中特定的tab的相關(guān)資料,需要的朋友可以參考下2015-11-11
本文主要介紹了Jqprint實現(xiàn)頁面打印的具體方法，并提供了Jqprint插件下載。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
json數(shù)據(jù)是一種經(jīng)型的實時數(shù)據(jù)交互的數(shù)據(jù)存儲方法，使用到最多的應(yīng)該是ajax與json配合使用了，下面我來給大家介紹jquery處理json數(shù)據(jù)方法2014-01-01
制作高質(zhì)量的JQuery Plugin 插件的方法
最近jquery非常流行，想個性化定制一些功能，就可以將代碼寫成插件的形式，方便使用與修改。2010-04-04
jQuery模擬原生態(tài)App上拉刷新下拉加載更多頁面及原理
很多App中,新聞或者展示類都存在下拉刷新和上拉加載的效果，如何實現(xiàn)上拉刷新下拉加載更多頁面的呢？下面小編通過下面內(nèi)容給大家介紹jQuery模擬原生態(tài)App上拉刷新下拉加載更多頁面及原理，需要的朋友可以參考下2015-08-08
這個簡化版不能在別的框架彈出層的，所以也就沒有了那個cssurl屬性了，也沒有target 屬性了2008-10-10
快速回到頁首的方法有很多，在本文為大家介紹下使用jquery是如何做到的2013-12-12
這篇文章主要介紹了Jquery動態(tài)添加輸入框的方法,實例分析了jQuery中append方法添加頁面元素的使用技巧,需要的朋友可以參考下2015-05-05