ホームページ  >  記事  >  ウェブフロントエンド  >  jQueryでクリックイベントを削除する方法

jQueryでクリックイベントを削除する方法

WBOY
WBOYオリジナル
2021-12-13 17:58:086696ブラウズ

クリック イベントを削除する Jquery メソッド: 1. 「$(指定された要素)」ステートメントを使用して、クリック イベントにバインドされている指定された要素オブジェクトを取得します; 2. unbind() メソッドを使用して削除します指定された要素オブジェクトのクリックイベント、構文は「element object.unbind();」です。

jQueryでクリックイベントを削除する方法

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

jquery でクリック イベントを削除する方法

jquery では、unbind() メソッドを使用してクリック イベントを削除できます。

unbind() メソッドは、選択した要素のイベント ハンドラーを削除します。このメソッドは、イベントの発生時にすべてまたは選択したイベント ハンドラーを削除したり、指定された関数の実行を終了したりできます。 ubind() は、jQuery 経由でアタッチされた任意のイベント ハンドラーで動作します。

要素のクリック イベントを削除する方法を例として見てみましょう。例は次のとおりです:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("p").click(function(){
    $(this).slideToggle();
  });
  $("button").click(function(){
    $("p").unbind();
  });
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<p>点击任何段落可以令其消失。包括本段落。</p>
<button>删除 p 元素的click事件</button>
</body>
</html>

出力結果:

jQueryでクリックイベントを削除する方法

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

以上がjQueryでクリックイベントを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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