On Click Function

Question

Я хотел бы спросить что-нибудь о функции Jquery click. «Enterbutton» - это кнопка, которая может щелкнуть, чтобы быть функцией. Но я потерпел неудачу. Я что-то пропустил для кода?

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

Я использую Jquery для кодирования взаимодействия.

Answer 1

Вам нужно пересмотреть селектор.

Если вы используете $('enterbutton'), JQuery будет выглядеть для этого элемента:

<enterbutton>...</enterbutton> 

Если вы используете $('#enterbutton'), JQuery будет искать этот элемент:

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

Если вы используете $('.enterbutton'), JQuery будет выглядеть для этого элемента:

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

Рабочий пример:

$(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.Очевидно, не<enterbutton>...</enterbutton> - это нецензурная разметка.