JQuery按钮未显示警报_Jquery - Fatal编程技术网

JQuery按钮未显示警报

jquery

JQuery按钮未显示警报,jquery,Jquery,我正在学习jquery，运行以下极其简单的代码时遇到困难我的HTML看起来像： <html> <head> <title>JQUERY</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script> <script typ

我正在学习jquery，运行以下极其简单的代码时遇到困难

我的HTML看起来像：

<html>
<head>
    <title>JQUERY</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
    <script type="text/javascript" src="script.js"></script>
</head>
<body>

<input type="button" id="testbutton" value="test" />

</body>

当我在浏览器中加载页面时。。。我在加载文档时收到第一个警报（因此我确信我至少使用了正确的库，并且文档正在下载等）

然而，当我点击我的按钮时，我没有看到第二个警告，上面写着“按钮已被点击”

我缺少什么？

点击

处理程序需要进入$（文档）中。准备好了
，以确保在DOM准备好时绑定它，并保证元素可用于Javascript处理：
$(document).ready(function(){
    alert('document is ready');

    // bind a click handler to #testbutton when the DOM has loaded
    $('#testbutton').click(function(){
      alert('button clicked');
    });
});

从：
这是要了解的第一件事
jQuery：如果您想让事件工作
在你的页面上，你应该调用它
在$（document.ready（）中
功能。里面的一切都会
加载DOM后立即加载，然后
在加载页面内容之前
您可能希望将事件处理程序绑定到$（document）.ready（）事件中：
这确保在执行其他脚本之前加载DOM。看看这是否解决了您的问题。
您还需要在文档中单击绑定。准备好了吗，如下所示：
$(document).ready(function(){
  alert('document is ready');
});
$('#testbutton').click(function(){
  alert('button clicked');
});

$(function(){      //short for $(document).ready(function(){
  alert('document is ready');
  $('#testbutton').click(function(){
    alert('button clicked');
  });
});

为什么？选择器$（“#testbutton”）
如果在选择器运行时未准备好元素id=“testbutton”
，则将找不到该元素，因此需要在页面中的元素之后或在文档中运行它
$(function(){      //short for $(document).ready(function(){
  alert('document is ready');
  $('#testbutton').click(function(){
    alert('button clicked');
  });
});