ホームページ  >  記事  >  ウェブフロントエンド  >  jQueryでのButtonのクリックイベントの使い方を詳しく解説

jQueryでのButtonのクリックイベントの使い方を詳しく解説

黄舟
黄舟オリジナル
2017-06-27 09:58:225390ブラウズ

今日 jQuery に触ったところです

  $("#Button1").click( function() { alert('我被点了') });

Button1 をクリックしても応答がありません。修正を手伝ってください


最終的に必要な効果は、Button1 をクリックした後に textbox1 の値が空かどうかを判断することです。空の場合は、「アラート」が表示されます (「textbox1 を空にすることはできません」)」

 $(document).ready(function(){
             $("#Button1").bind("click",
                 function() {
                       if($.trim($("#textbox1").val())=="")  
                        {alert('我被点了');}
                   });

});

# は単なる修飾子であり、ID の人の部分ではないことに注意してください


<button id="Button1">Button1</button>
<button id="Button1">Button1</button>



$("#Button1").click(function(){
    if( $('.textbox1').val() == "" ){
         alert('textbox1不能为空');
    }
})

追加していない可能性があります


$(document).ready(function(){
});

この文...

おそらく、Button1 の ID を持つ

コントロール がまだ読み込まれていません。 そのままロードするか、
Head 部分ではなく後で実行する JS コードを配置することもでき、これは SEO にも役立ちます。 りー

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

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