クリック機能について

Question

Jqueryクリック機能についてお聞きしたいと思います。「Enterbutton」ボタンをクリックすると機能することができます。しかし、私は失敗しました。私はコードのために何かを逃したのですか？私は対話のためにコーディングするのjQueryを使用し

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

。

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> - それは無効なナンセンスマークアップです。