ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery_jqueryのtrigger()とbind()の使用状況分析

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

WBOY
WBOYオリジナル
2016-05-16 15:24:431104ブラウズ

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

トリガー(タイプ)

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

戻り値:jQuery

パラメータ:

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

例:

コードをコピー コードは次のとおりです:
$("p").trigger("click")

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

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

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

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

たとえば、フロントページには次のようなものがあります: bd38f46914269f40e05faa352becc824 ここをクリックしてください。 94b3e26ee717c64999d7867364b1b4a3
ページが読み込まれたときにこのイベントを実行し、クリック イベントをこの 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 プログラミングのすべての人に役立つことを願っています。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。