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實現(xiàn)最基本的淡入淡出效果實例
這篇文章主要介紹了基于jQuery實現(xiàn)最基本的淡入淡出效果的方法,實例分析了jQuery中hide、show、toggle等函數(shù)的使用技巧,需要的朋友可以參考下
2015-02-02
jquery動態(tài)添加以及遍歷option并獲取特定樣式名稱的option方法
下面小編就為大家分享一篇jquery動態(tài)添加以及遍歷option并獲取特定樣式名稱的option方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-01-01
jQuery中animate()方法用法實例
這篇文章主要介紹了jQuery中animate()方法用法,以實例形式分析了animate()方法的功能、定義及具體使用技巧,具有一定的參考借鑒價值,需要的朋友可以參考下
2014-12-12
jQuery zTree插件使用簡單教程
這篇文章主要為大家詳細介紹了jQuery zTree插件使用的簡單教程，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-08-08
MVC+jQuery.Ajax異步實現(xiàn)增刪改查和分頁
這篇文章主要為大家詳細介紹了MVC結(jié)合jQuery.Ajax異步實現(xiàn)增刪改查和分頁的相關(guān)資料，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-05-05
原生javascript實現(xiàn)的分頁插件pagenav
這幾天要做一個前臺頁面,涉及到分頁,不想自己去寫所以在網(wǎng)上找jquery看有沒有好用一點的分頁組件,結(jié)果發(fā)現(xiàn)有很多,但是都很麻煩,看到了這個叫pagenav的發(fā)現(xiàn)相對來說還是很容易上手的,于是就直接用了,在我看來,能解決問題的辦法就是好辦法.越簡單越好.
2014-08-08
模擬jQuery ajax服務(wù)器端與客戶端通信的代碼
本案例通過jQuery和Servlet技術(shù)來判斷用戶名是否存在，讓讀者明白jQuery是怎么調(diào)用服務(wù)器后臺的。還給出了解決中文亂碼的方案和如何避免各種瀏覽器的緩存。
2011-03-03
Jquery表單驗證失敗后不提交的解決方法
很多人可能都會遇到在調(diào)試的時候用了return了false，可為什么還會提交呢？這個問題我最近也碰到了，嘗試了多次也沒有用，后來終于發(fā)現(xiàn)了其中的問題，下面分享處理給大家，讓同樣遇到這個問題的朋友們能夠看看，有需要的朋友們下面來一起看看吧。
2016-10-10
jquery拖動層效果插件用法實例分析(附demo源碼)
這篇文章主要介紹了jquery拖動層效果插件用法,結(jié)合實例形式分析了jquery-ui-1.7.2.custom.min.js插件的具體使用技巧,并附帶完整demo源碼供讀者下載參考,需要的朋友可以參考下
2016-04-04
jQuery實現(xiàn)跟隨鼠標運動圖層效果的方法
這篇文章主要介紹了jQuery實現(xiàn)跟隨鼠標運動圖層效果的方法,可實現(xiàn)實時顯示鼠標坐標的圖層跟隨鼠標運動的效果,非常具有實用價值,需要的朋友可以參考下
2015-02-02