jQueryにおけるtrigger()とbind()の用法分析
1512 ワード
この例では,jQueryにおけるtrigger()とbind()の使い方について述べる.皆さんの参考にしてください.具体的には以下の通りです.
trigger(type)
一致する各要素でクラスイベントをトリガーします.
戻り値:jQuery
パラメータ:
type(String):トリガーするイベントタイプ
例:
1.trigger()トリガイベント
この方法はjQuery 1.3に追加されたトリガイベントを引き起こす関数である.ここのイベントはjQueryのヘルプドキュメントのイベントの欄のように、click、mouseover、keydownなどの動作のあるjsイベントであり、showのようにhideはイベントではありません.
2.なぜtrigger()を使うのですか?
最初に触れたばかりの皆さんもそう思っていると信じていますか?
例えばフロントページに「ここをクリックしてください」とあります.ページをロードするときにこのイベントを実行して、このpにclickイベントをバインドします(次のコードを$(function(){}).内):
trigger()を使用する場合は、次のように書きます.
このように書くのはもっと面倒ではないでしょうか.そう言えますが、trigger()を使う最大のメリットは、パラメータを伝達できることです.例:
次のように書くこともできます.
本文で述べたことが皆さんのjQueryプログラム設計に役立つことを望んでいます.
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プログラム設計に役立つことを望んでいます.