ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryイベントのunbind()メソッドの使い方

jqueryイベントのunbind()メソッドの使い方

WBOY
WBOYオリジナル
2022-06-01 18:52:142237ブラウズ

jqueryでは、unbind()メソッドを使用して、指定した要素のイベントハンドラを削除します。構文は「要素オブジェクト.unbind(削除するイベント、アンバインド関数名、使用するmove)event」となります。 object)"; このメソッドは、イベントの発生時に指定されたイベント ハンドラーを削除したり、指定された関数の実行を終了したりできます。

jqueryイベントのunbind()メソッドの使い方

このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。

jquery イベントの unbind() メソッドの使用方法

unbind() メソッドは、選択した要素のイベント ハンドラーを削除します。

このメソッドは、イベントの発生時にすべてまたは選択したイベント ハンドラーを削除したり、指定された関数の実行を終了したりできます。

このメソッドは、イベント オブジェクトを通じてイベント ハンドラーのバインドを解除することもできます。このメソッドは、イベント自体のバインドを解除するためにも使用されます (イベントが一定回数トリガーされた後のイベント ハンドラーの削除など)。

注: パラメーターが指定されていない場合、unbind() メソッドは指定された要素のすべてのイベント ハンドラーを削除します。

注: unbind() メソッドは、jQuery によって追加されたすべてのイベント ハンドラーに適用されます。

構文は次のとおりです:

$(selector).unbind(event,function,eventObj)
  • event オプション。要素から削除する 1 つ以上のイベントを指定します。スペースで区切られた複数のイベント値。このパラメーターのみを指定した場合、指定したイベントにバインドされているすべての関数が削除されます。

  • 関数 オプション。指定されたイベントを要素からバインド解除する関数の名前を指定します。

  • eventObj オプション。使用する削除されたイベント オブジェクトを指定します。 eventsObj パラメータは、イベント バインディング関数から取得されます。

例は次のとおりです:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>123</title> 
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").click(function(){
    $(this).slideToggle();
  });
  $("button").click(function(){
    $("p").unbind();
  });
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
<p>点击任意段落(p 元素),该段落就会消失。</p>
<button>移除所有段落(p 元素)的事件句柄</button>
</body>
</html>

出力結果:

jqueryイベントのunbind()メソッドの使い方

関連ビデオ チュートリアルの推奨事項:jQuery ビデオ チュートリアル

#

以上がjqueryイベントのunbind()メソッドの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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