点击功能

Question

我想问一下关于jquery的点击功能。“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> - 这是无效的无意义标记。