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

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

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

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

このチュートリアルの動作環境: 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>

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

関連記事