点击功能答案

【问题标题】：On Click Function点击功能
【发布时间】：2016-12-06 17:26:42
【问题描述】：

我想问一些关于Jquery点击功能的问题。“Enterbutton”是一个可以点击的按钮。但我失败了。是不是我遗漏了代码？

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

我使用 Jquery 来编写交互代码。

【问题讨论】：

你有checked your console? 你似乎有一个无效的选择器。如果这是您的所有代码，您的语法也可能无效。我们还需要查看您正在使用的 HTML。请创建一个minimal, complete, and verifiable example 并编辑您的问题以包含它。
我认为您的选择器无效
你需要做一些关于选择器的研究。 $('Enterbutton') 正在寻找一个 tagname 为 'Enterbutton' 的元素。您需要通过实际的标记名、id、类或它们的组合来查找元素。
想必你需要#Enterbutton或.Enterbutton

标签： javascript jquery onclick web interactive

【解决方案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>

注意 显然，不要使用 <enterbutton>...</enterbutton> - 这是无效的废话标记。

【讨论】：

很高兴为您提供帮助，@yukikoying。如果它帮助您解决问题，请接受答案。谢谢。