Heim > Web-Frontend > js-Tutorial > Ausführliche Erklärung zur Verwendung des Click-Ereignisses von Button in jQuery

Ausführliche Erklärung zur Verwendung des Click-Ereignisses von Button in jQuery

黄舟
Freigeben: 2017-06-27 09:58:22
Original
5427 Leute haben es durchsucht

Ich bin gerade mit jQuery in Kontakt gekommen

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

Nach dem Klicken auf Button1 erfolgt keine Reaktion. Bitte helfen Sie mit, ihn zu ändern.

Das gewünschte Ergebnis Der Effekt besteht darin, auf Button1 zu klicken. Stellen Sie abschließend fest, ob der Wert von Textbox1 leer ist. Wenn er leer ist, wird „alert('textbox1 darf nicht leer sein')“ angezeigt

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

});
Nach dem Login kopieren

Es sollte beachtet werden dass # nur ein Modifikator ist, nicht der Personenteil der ID

<button id="Button1">Button1</button>
Nach dem Login kopieren
<button id="Button1">Button1</button>



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

vielleicht haben Sie

$(document).ready(function(){
});
Nach dem Login kopieren

nicht hinzugefügt...

Möglicherweise wurde Ihre Steuerung mit dem ID-Button1 noch nicht geladen. Laden Sie einfach
oder Sie können den JS-Code zur späteren Ausführung statt im Abschnitt Head einfügen, was auch gut für SEO ist.

$(function(){
   $(&#39;#Button1&#39;).click(function(){
            $(&#39;#textbox1&#39;).val()==&#39;&#39;?alert(&#39;textbox1不能为空&#39;):alert(&#39;我被点击了&#39;);    
        });
})
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung zur Verwendung des Click-Ereignisses von Button in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage