首頁  >  文章  >  web前端  >  jQuery中 trigger() & bind() 使用心得

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

巴扎黑
巴扎黑原創
2017-06-25 13:15:531462瀏覽

     trigger(type) 

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

傳回值:jQuery

#參數:

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

範例:

$("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(),你要寫成這樣:

         要寫成這樣:

         要寫成這樣:

 #p. ").click(function(){

                alert("hello!");

   

##這樣寫不是更麻煩了嗎?可以這麼說,但是用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中 trigger() & bind() 使用心得的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn