jqueryでクリックイベントを設定する方法は何ですか-フロントエンドQ&A-php.cn

jqueryでクリックイベントを設定する方法は何ですか

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

リリース： 2022-05-10 11:27:47

オリジナル

4008 人が閲覧しました

jquery でクリックイベントを設定するメソッドは click() です。このメソッドは、要素がクリックされたときに発生するクリックイベントを設定するために使用されます。マウスポインタが要素上に留まり、左ボタンがクリックされたとき、クリックイベントがトリガーされるか、クリックイベントが発生したときに実行される関数を指定します。構文は「要素オブジェクト.クリック (関数の実行)」です。

jqueryでクリックイベントを設定する方法は何ですか

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

jquery でクリックイベントを設定する方法は何ですか?

jquery でクリックイベントを設定する方法は click() メソッドです

要素がクリックされると、クリックイベントが発生します。

マウスポインタが要素の上に留まり、マウスの左ボタンが押されて放されると、クリックが発生します。

click() メソッドは、クリックイベントをトリガーするか、クリックイベントの発生時に実行する関数を指定します。

トリガークリックイベント

$(selector).click()

ログイン後にコピー

関数をクリックイベントにバインド

$(selector).click(function)

ログイン後にコピー

function オプション。クリックイベントが発生したときに実行する関数を指定します。

例は次のとおりです:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("p").slideToggle();
  });
  $("p").dblclick(function(){
    $("button").click();
  });
});
</script>
</head>
<body>
<button>点击这里进行切换</button>
<p>双击本段落会触发上面这个按钮的 click 事件。</p>
</body>
</html>

ログイン後にコピー

出力結果:

jqueryでクリックイベントを設定する方法は何ですか