jquery を使用して要素 events_jquery を削除、バインド、トリガーする詳細な例

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

unbind(type [,data]) / /data は削除する関数です
$('#btn').unbind("click") //削除 click
$('#btn').unbind(); //すべて削除します

一度だけトリガーしてすぐにバインドを解除する必要がある状況の場合は、one() を使用します

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

$('#btn').one("click",function(){.....});

トリガー操作

trigger() メソッドは、選択した要素の指定されたイベント タイプをトリガーします。

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

$('#btn').trigger (「クリック」);

イベントを直接実行することもできます

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

$('# btn').click();

カスタム イベントのトリガー

bind() メソッドは、選択した要素に 1 つ以上のイベント ハンドラーを追加し、イベントの発生時に実行する関数を指定します。

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

$('#btn').bind ("myclick ",function(){....});

上記のバインディング関数のトリガーをシミュレートします

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

$( '#btn').trigger("myclick");

データトリガー(event,[param1,param2,...])

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

$('#btn').bind("myclick",function(event,message1,message2){................................});
$(' #btn').trigger("myclick",["メッセージ 1 に渡す","メッセージ 2 に渡す"]);

デフォルトアクションの実行をトリガーします

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

$("input" ).trigger("focus");
//input 要素にバインドされた focus イベントをトリガーするだけでなく、デフォルトの操作 - get focus

バインディング イベントのみをトリガーし、ブラウザのデフォルト操作は実行しません

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

$("input").triggerHandler("focus");

//バインド イベントのみをトリガーし、ブラウザーのデフォルト操作は実行しません

その他の用途

複数のイベント タイプをバインド

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

$( " div").bind("マウスオーバー マウスアウト",function(){....});

イベント名前空間を追加します

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

$(" div" ).bind("click.plugin",function(){......});

バインドされたワールド タイプの後に名前空間を追加します。これにより、イベントを削除するときに名前空間を指定するだけで済みます。

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

$("div").unbind( ".plugin "); //スペース内のイベントを削除します

$("div").trigger("click!"); //名前空間に含まれていないクリックメソッドをトリガーします

名前空間に含まれている場合は、

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

$(“div”).trigger(“click”);

関数のキャンセルまたはバインド

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

$( 'div ').bind('click', RecommandProduct);//RecommandProduct 関数を div
$('div').unbind('click', RecommandProduct);//RecommandProduct 関数をキャンセルします