jQuery中 trigger() & bind() 使用心得


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


注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
  © 2014-2022 ITdaan.com 联系我们: