jquery移除、綁定、觸發(fā)元素事件使用示例詳解
更新時(shí)間：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() 方法為被選元素添加一個(gè)或多個(gè)事件處理程序，并規(guī)定事件發(fā)生時(shí)運(yùn)行的函數(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í)行默認(rèn)操作
復(fù)制代碼 代碼如下:
$("input").trigger("focus");
//不僅會(huì)觸發(fā)input元素綁定的focus事件，還會(huì)觸發(fā)默認(rèn)操作——得到焦點(diǎn)
只觸發(fā)綁定事件，不執(zhí)行瀏覽器默認(rèn)操作
復(fù)制代碼 代碼如下:
$("input").triggerHandler("focus");
//只觸發(fā)綁定事件，不執(zhí)行瀏覽器默認(rèn)操作
其他用法
綁定多個(gè)事件類型
復(fù)制代碼 代碼如下:
$("div").bind("mouseover mouseout",function(){.....});
添加事件命名空間
復(fù)制代碼 代碼如下:
$("div").bind("click.plugin",function(){......});
在所綁定的世界類型后面添加命名空間，這樣在刪除事件時(shí)只需要指定命名空間即可。
復(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 API學(xué)Jquery 之四 css
在javascript中我們常常要改變dom的css樣式 ，同樣Jquery也對改變css做了封裝不用我們?nèi)ビ?getElementByid().style.……來操作了2010-04-04
jquery 動(dòng)態(tài)合并單元格的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨query 動(dòng)態(tài)合并單元格的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08
本文主要對jquery中用函數(shù)來設(shè)置css樣式的方法進(jìn)行詳細(xì)介紹，具有很好的參考價(jià)值，下面就跟小編一起來看下吧2016-12-12
Iframe實(shí)現(xiàn)跨瀏覽器自適應(yīng)高度解決方法
這篇文章主要介紹了Iframe實(shí)現(xiàn)跨瀏覽器自適應(yīng)高度解決方法,通過父層容器的應(yīng)用來實(shí)現(xiàn)這一功能,非常實(shí)用的一個(gè)技巧,需要的朋友可以參考下2014-09-09
jquery實(shí)現(xiàn)自定義圖片裁剪功能【推薦】
本文主要介紹了jquery實(shí)現(xiàn)自定義圖片裁剪功能，代碼超級簡單，易修改。下面跟著小編一起來看下吧2017-03-03
用jquery實(shí)現(xiàn)點(diǎn)擊欄目背景色改變
用jquery如何實(shí)現(xiàn)點(diǎn)擊一欄目實(shí)現(xiàn)欄目變色，再點(diǎn)擊另一欄目也變色，但原來的變回原色,本文提供解決方法，需要了解的朋友可以參考下2012-12-12
jquery幻燈片插件bxslider樣式改進(jìn)實(shí)例
這篇文章主要介紹了jquery幻燈片插件bxslider樣式改進(jìn),對比官方樣式以實(shí)例形式講述了改進(jìn)的技巧,非常實(shí)用,需要的朋友可以參考下2014-10-10
jQuery load方法用法集錦,學(xué)習(xí)jquery的朋友可以參考下。2011-12-12
Jquery $.getJSON 在IE下的緩存問題解決方法
$.getJSON 的url都是相同的 問題來了 我修改 或者 新增樹節(jié)點(diǎn) 然后刷新tree IE竟然毫無變化 在其他瀏覽器上面都OK，于是搜到一個(gè)可行的解決方法2014-10-10
使用jquery/js獲取iframe父子級、同級獲取元素的方法
下面小編就為大家?guī)硪黄褂胘query/js獲取iframe父子級、同級獲取元素的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08