DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery中 trigger() & bind() 使用心得
jQuery中 trigger() & bind() 使用心得
編輯:JQuery特效代碼     

     trigger(type) 

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

返回值:jQuery

參數:

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

示例:

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

1.trigger() 觸發事件

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

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

2.為什麼要用 trigger() ?

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

  比如前台頁面裡有:<p id="p1">請點擊這裡!</p> 

  你希望加載頁面時就執行這個事件給這個這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"]); 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved