jQueryにおけるtrigger()とbind()の用法分析

1512 ワード

この例では,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に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プログラム設計に役立つことを望んでいます.