On Click Funktion

Question

Ich möchte etwas über Jquery klicken Funktion. Die "Enterbutton" ist eine Schaltfläche kann klicken, um Funktion zu sein. Aber ich habe versagt. Habe ich etwas für den Code verpasst?

$(document).ready(function(){ 
    $("Enterbutton").click(function(){ 
    alert("The paragraph was clicked."); 

Ich benutze JQuery für die Interaktion zu codieren.

Answer 1

Sie müssen Selektoren überarbeiten.

Wenn Sie $('enterbutton') verwenden, wird jQuery für dieses Element aussehen:

<enterbutton>...</enterbutton> 

Wenn Sie $('#enterbutton') verwenden, wird jQuery aussehen für dieses Element:

<button id="enterbutton" type="button">...</button> 

Wenn Sie $('.enterbutton') verwenden, wird jQuery aussehen für dieses Element:

<button class="enterbutton" type="button">...</button> 

Arbeitsbeispiel:

$(document).ready(function(){ 
 

 
$('enterbutton').click(function(){alert('The button with the type <enterbutton> was clicked.');}); 
 
$('#enterbutton').click(function(){alert('The button with id="enterbutton" was clicked.');}); 
 
$('.enterbutton').click(function(){alert('The button with class="enterbutton" was clicked.');}); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<enterbutton type="button">Click Enterbutton</enterbutton> 
 
<button id="enterbutton" type="button">Click #enterbutton</button> 
 
<button class="enterbutton" type="button">Click .enterbutton</button>

N. B.Offensichtlich nicht verwenden<enterbutton>...</enterbutton> - es ist ungültige Nonsense Markup.