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

jQueryでクリックイベントをバインドする方法

王林
王林オリジナル
2020-11-26 09:17:237082ブラウズ

JQuery バインディング クリック イベント メソッド: [$("#text").bind("click",function(){});]。バインド メソッドは、選択した要素に 1 つ以上のイベント ハンドラーを追加し、イベントの発生時に実行する関数を指定します。

jQueryでクリックイベントをバインドする方法

このチュートリアルの動作環境: Windows 10 システム、jquery バージョン 2.2.4. この方法は、すべてのブランドのコンピューターに適しています。

(学習ビデオ共有: jquery ビデオ チュートリアル)

関数の紹介:

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

構文:

$(selector).bind(event,data,function)

パラメータ:

  • ##event 必須。要素に追加する 1 つ以上のイベントを指定します。スペースで区切られた複数のイベント。有効なイベントである必要があります。

  • データ オプション。関数に渡す追加データを指定します。

  • #関数は必須です。イベントの発生時に実行する関数を指定します。

クリック イベントを動的にバインドする jQuery の実装コードの一部は次のとおりです:


<script type="text/javascript">
$(document).ready(function(){
    $("#text").bind("click",function(){
        alert("我的id为text,你点击时触发");
    });
    
    $("#text1").on("click",function(){
        alert("hellworl");
    });
    
    $("#text2").click(function(){
        alert($("#text2").val());
        
    });
});
    
    
</script>
<body>
    
    <input id="text" type="button" value="点击"/> 
    
    <input id="text1" type="button" value="点击"/> 
    
    <input id="text2" type="text" value="love"/> 
</body>

関連する推奨事項:

js チュートリアル

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

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