ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryでtrigger()とbind()を使用した経験

jQueryでtrigger()とbind()を使用した経験

巴扎黑
リリース: 2017-06-25 13:15:53
オリジナル
1480 人が閲覧しました

trigger(type)

は、一致する要素ごとに特定のタイプの event をトリガーします。

戻り値:jQuery

パラメータ:

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

例:

$ (「ぷ」) .trigger ("click")

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

このメソッドは、トリガーイベントをトリガーする関数がjQuery 1.3で追加されたです。

ここでのイベントは、クリック、マウスオーバー、キーダウン、アクションを伴うその他の JS イベントなど、jQuery ヘルプ ドキュメントのイベント列とまったく同じですが、表示と非表示はエフェクトでありイベントではありません。

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

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

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

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

ページが読み込まれたときにこのイベントを実行し、クリック イベントをこの p にバインドしたいとします ($(function(){}); に次のコードを記述します):

$ ("#p1").click(function(){

alert("hello!"); (function () {

alert ("Hello!") をクリックします。 );

})これを書くのはもっと面倒ではありませんか?とも言えますが、trigger()を使う最大のメリットはパラメータを渡せることです。例:

//myEvent はカスタム イベント名です

$("#p1").bind("myEvent",function(event,str1,str2) {

+ );

});

$("#p1").trigger("myEvent",["Hello","World"]);

$( "#p1").bind("myEvent",function(event,str1,str2) {

alert(str1 + ' ' + str2);

}).trigger("myEvent" ,["こんにちは"、"世界"]);

以上がjQueryでtrigger()とbind()を使用した経験の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート