jQuery中trigger()與bind()用法分析
本文實(shí)例講述了jQuery中 trigger()與bind()用法。分享給大家供大家參考,具體如下:
trigger(type)
在每一個(gè)匹配的元素上觸發(fā)某類事件。
返回值:jQuery
參數(shù):
type (String): 要觸發(fā)的事件類型
示例:
1.trigger() 觸發(fā)事件
這個(gè)方法是jQuery 1.3中新增的一個(gè)引起觸發(fā)事件的函數(shù)。
這里的事件就如jQuery的幫助文檔中的事件那一欄,如:click, mouseover, keydown 等有動(dòng)作的js事件,而像show, hide這是效果不是事件。
2.為什么要用 trigger() ?
相信剛開(kāi)始接觸大家也都有這樣的想法?
比如前臺(tái)頁(yè)面里有:<p id="p1">請(qǐng)點(diǎn)擊這里!</p>
你希望加載頁(yè)面時(shí)就執(zhí)行這個(gè)事件給這個(gè)這p綁定了click事件(將下面的代碼寫在$(function(){});里面):
$("#p1").click(function(){ alert("hello!"); });
如果用trigger(),你就要寫成這樣:
$("#p1").click(function(){ alert("hello!"); }).trigger(click);
這樣寫不是更加麻煩了嗎?可以這么說(shuō),但是用trigger()最大的好處就是它是可以傳遞參數(shù)進(jìn)去的。例如:
//myEvent為自定義事件名 $("#p1").bind("myEvent",function(event,str1,str2) { alert(str1 + ' ' + str2); }); $("#p1").trigger("myEvent",["Hello","World"]);
也可以這樣寫:
$("#p1").bind("myEvent",function(event,str1,str2) { alert(str1 + ' ' + str2); }).trigger("myEvent",["Hello","World"]);
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
- Android系統(tǒng)進(jìn)程間通信Binder機(jī)制在應(yīng)用程序框架層的Java接口源代碼分析
- jquery中l(wèi)ive()方法和bind()方法區(qū)別分析
- C#中DataBindings用法實(shí)例分析
- Android4.1中BinderService用法實(shí)例分析
- JQuery中Bind()事件用法分析
- javascript中call,apply,bind的用法對(duì)比分析
- PHP PDOStatement:bindParam插入數(shù)據(jù)錯(cuò)誤問(wèn)題分析
- jQuery中的.bind()、.live()和.delegate()之間區(qū)別分析
- js apply/call/caller/callee/bind使用方法與區(qū)別分析
- JS類庫(kù)Bindows1.3中的內(nèi)存釋放方式分析
- Javascript Function.prototype.bind詳細(xì)分析
相關(guān)文章
基于jQuery ligerUI實(shí)現(xiàn)分頁(yè)樣式
這篇文章主要為大家詳細(xì)介紹了基于jQuery ligerUI實(shí)現(xiàn)分頁(yè)樣式,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09jquery插件之文字間歇自動(dòng)向上滾動(dòng)效果代碼
這篇文章主要介紹了jquery插件之文字間歇自動(dòng)向上滾動(dòng)效果代碼,涉及jquery基于時(shí)間函數(shù)定時(shí)觸發(fā)頁(yè)面元素變換實(shí)現(xiàn)滾動(dòng)效果的相關(guān)技巧,需要的朋友可以參考下2016-02-02jquery.validate表單驗(yàn)證插件使用詳解
這篇文章主要為大家詳細(xì)介紹了jquery.validate表單驗(yàn)證插件的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-06-06jq實(shí)現(xiàn)酷炫的鼠標(biāo)經(jīng)過(guò)圖片翻滾效果
一個(gè)酷炫的圖片翻滾效果要實(shí)現(xiàn)這個(gè)效果并不難,只要思路對(duì)了,一切都好辦,下面有個(gè)不錯(cuò)的示例,大家可以參考下2014-03-03jQuery實(shí)現(xiàn)Div拖動(dòng)+鍵盤控制綜合效果的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)Div拖動(dòng)+鍵盤控制綜合效果的方法,實(shí)例分析了jQuery操作div塊拖動(dòng)的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03Jquery $.getJSON 在IE下的緩存問(wèn)題解決方法
$.getJSON 的url都是相同的 問(wèn)題來(lái)了 我修改 或者 新增樹(shù)節(jié)點(diǎn) 然后刷新tree IE竟然毫無(wú)變化 在其他瀏覽器上面都OK,于是搜到一個(gè)可行的解決方法2014-10-10