jQuery中trigger()與bind()用法分析

更新時間：2015年12月18日 15:35:21 作者：匆匆夏日

這篇文章主要介紹了jQuery中trigger()與bind()用法,結(jié)合實例形式分析了trigger()與bind()的功能、定義及具體使用技巧,需要的朋友可以參考下

本文實例講述了jQuery中 trigger()與bind()用法。分享給大家供大家參考，具體如下：

trigger(type)

在每一個匹配的元素上觸發(fā)某類事件。

返回值:jQuery

參數(shù):

type (String): 要觸發(fā)的事件類型

示例:

復(fù)制代碼代碼如下:

$("p").trigger("click")

1.trigger() 觸發(fā)事件

這個方法是jQuery 1.3中新增的一個引起觸發(fā)事件的函數(shù)。
這里的事件就如jQuery的幫助文檔中的事件那一欄，如：click, mouseover, keydown 等有動作的js事件，而像show, hide這是效果不是事件。

2.為什么要用 trigger() ？

相信剛開始接觸大家也都有這樣的想法?

比如前臺頁面里有：<p id="p1">請點擊這里！</p>
你希望加載頁面時就執(zhí)行這個事件給這個這p綁定了click事件（將下面的代碼寫在$(function(){});里面）：

$("#p1").click(function(){
  alert("hello!");
});

如果用trigger()，你就要寫成這樣：

$("#p1").click(function(){
  alert("hello!");
}).trigger(click);

這樣寫不是更加麻煩了嗎？可以這么說，但是用trigger()最大的好處就是它是可以傳遞參數(shù)進去的。例如：

//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"]);

希望本文所述對大家jQuery程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

基于jQuery ligerUI實現(xiàn)分頁樣式
這篇文章主要為大家詳細介紹了基于jQuery ligerUI實現(xiàn)分頁樣式,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-09-09
jquery插件之文字間歇自動向上滾動效果代碼
這篇文章主要介紹了jquery插件之文字間歇自動向上滾動效果代碼,涉及jquery基于時間函數(shù)定時觸發(fā)頁面元素變換實現(xiàn)滾動效果的相關(guān)技巧,需要的朋友可以參考下
2016-02-02
Javascript 驗證上傳圖片大小[客戶端]
在做上傳圖片的時候，如果不限制上傳圖片大小，后果非常的嚴(yán)重。那么我們怎樣才可以解決一個棘手的問題呢？
2009-08-08
jquery.validate表單驗證插件使用詳解
這篇文章主要為大家詳細介紹了jquery.validate表單驗證插件的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-06-06
jq實現(xiàn)酷炫的鼠標(biāo)經(jīng)過圖片翻滾效果
一個酷炫的圖片翻滾效果要實現(xiàn)這個效果并不難，只要思路對了，一切都好辦，下面有個不錯的示例，大家可以參考下
2014-03-03
jQuery實現(xiàn)Div拖動+鍵盤控制綜合效果的方法
這篇文章主要介紹了jQuery實現(xiàn)Div拖動+鍵盤控制綜合效果的方法,實例分析了jQuery操作div塊拖動的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-03-03
jquery分頁插件AmSetPager(自寫)
第一次做的插件，我這個插件好像使用有些另類，是調(diào)用數(shù)據(jù)展示容器的元素$(#DataContent).AmSetPager({...});在參數(shù)中配置分頁容器元素ID。寫完插件后看別的插件都是調(diào)用分頁元素ID
2013-04-04
jQuery 操作 HTML 元素和屬性的方法
這篇文章主要介紹了jQuery 操作 HTML 元素和屬性的方法，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下
2018-11-11
Jquery $.getJSON 在IE下的緩存問題解決方法
$.getJSON 的url都是相同的問題來了我修改或者新增樹節(jié)點然后刷新tree IE竟然毫無變化在其他瀏覽器上面都OK，于是搜到一個可行的解決方法
2014-10-10
jQuery中after()方法用法實例
這篇文章主要介紹了jQuery中after()方法用法,以實例形式較為詳細的分析了after()方法的功能、特性與使用技巧,具有一定的參考借鑒價值,需要的朋友可以參考下
2014-12-12