jQueryはクリックイベントをボタンにバインドできますか?

青灯夜游
リリース: 2023-01-04 09:15:34
オリジナル
2922 人が閲覧しました

jquery はクリック イベントをボタンにバインドできます。バインド方法: 1. セレクターを使用してボタン要素オブジェクトを選択し、構文 "$("selector")" は指定されたボタン要素を含む jquery オブジェクトを返します; 2. click() または dblclick() 関数を使用してバインドしますボタンの Click イベント、構文「ボタン要素 object.click(function(){//Run code});」または「Button element object.dblclick(function(){//Run code});」。

jQueryはクリックイベントをボタンにバインドできますか?

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

jquery では、click() 関数または dblclick() 関数を使用して、クリック イベントをボタンにバインドできます。

#jquery はクリック イベントをボタンにバインドします

ステップ 1: セレクターを使用してボタン要素オブジェクトを選択します

構文:

$("选择器")
ログイン後にコピー

Example

$("button")、ドキュメント内のすべてのボタン要素を選択できます。

戻り値: 指定されたボタン要素を含む jquery オブジェクトを返します

ステップ 2: click() または dblclick() 関数を使用して、クリック イベントをボタンにバインドします

  • クリック イベントは、マウスをクリックするとトリガーされます。

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

  • 按钮元素对象.click(function(){ //运行代码 });
    ログイン後にコピー
  • dblclick イベントは、マウスがダブルクリックされるとトリガーされます。onclick イベントとの違いは、このイベントは 2 回連続してクリックする必要があることです。

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


  • 按钮元素对象.dblclick(function(){ //运行代码 });
    ログイン後にコピー
例 1: click() を使用してクリック イベントをボタンにバインドします

      
    
ログイン後にコピー

jQueryはクリックイベントをボタンにバインドできますか?

例 2: dblclick() を使用して、ダブルクリック イベントをボタンにバインドします。

      
    
ログイン後にコピー

jQueryはクリックイベントをボタンにバインドできますか?

[推奨学習:

jQuery ビデオ チュートリアルWeb フロントエンドビデオ###]# ##

以上がjQueryはクリックイベントをボタンにバインドできますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!