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

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

trigger(type)

在每一個符合的元素上觸發某一類事件。

傳回值:jQuery

參數:

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

範例:

複製程式碼 程式碼如下:

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

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

1.trigger() 觸發事件

這個方法是jQuery 1.3中新增的一個引起觸發事件的函數。

這裡的事件就如jQuery的幫助文件中的事件那一欄，如：click, mouseover, keydown 等有動作的js事件，而像show, hide這是效果不是事件。

2.為什麼要用 trigger() ？

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

例如前台頁有：

請點這裡！

你希望載入頁面時就執行這個事件給這個這p綁定了click事件（將下面的程式碼寫在$(function(){});裡面）：

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

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

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

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

//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程式設計有所幫助。