为什么这个jQuery点击功能不起作用？

Question

为什么这个jQuery点击功能不起作用？码：<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><script type="text/javascript">     $("#clicker").click(function () {         alert("Hello!");         $(".hide_div").hide();     });</script>上面的代码不起作用。当我点击#clicker时，它不会发出警报，也不会隐藏。我检查了控制台，没有错误。我还检查了JQuery是否正在加载，确实是。所以不确定问题是什么。我还做了一个带有警报的文件就绪功能，这样做不能确定我做错了什么。请帮忙。谢谢！

Answer 1

您应该在$(document).ready(function() {});块中添加javascript代码。

即

$(document).ready(function() {
  $("#clicker").click(function () {
    alert("Hello!");
    $(".hide_div").hide();
  });});

正如jQuery文档所述：“在文档”准备好“之前，页面无法安全地操作.jQuery会为您检测这种准备状态。内部包含的代码$( document ).ready()只有在页面文档对象模型（DOM）为JavaScript准备好后才会运行要执行的代码“