jQuery_jqueryのtrigger()とbind()の使用状況分析

この記事の例では、jQuery でのトリガー() とバインド() の使用法について説明します。参考のために皆さんと共有してください。詳細は次のとおりです:

トリガー(タイプ)

一致する各要素で何らかのタイプのイベントをトリガーします。

戻り値:jQuery

パラメータ:

type (文字列): トリガーされるイベントのタイプ

例:

コードをコピー コードは次のとおりです:

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

1.trigger() トリガーイベント

このメソッドは、トリガー イベントを引き起こす jQuery 1.3 の新しい関数です。
ここでのイベントは、クリック、マウスオーバー、キーダウン、その他のアクションを伴う JS イベントなど、jQuery のヘルプ ドキュメントのイベント列とまったく同じですが、表示と非表示は効果でありイベントではありません。

2. なぜtrigger()を使うのか?

初めて触れたとき、誰もがこの考えを抱くと思います?

たとえば、フロントページには次のようなものがあります:

ここをクリックしてください。

ページが読み込まれたときにこのイベントを実行し、クリック イベントをこの p にバインドしたいとします ($(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 プログラミングのすべての人に役立つことを願っています。