javascript - 为什么这个jQuery click函数不起作用？

Question

码：

<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 documentation指出的那样：“在文档“准备就绪”之前，无法安全地操纵页面。jQuery会为您检测到此就绪状态。$( document ).ready()中包含的代码仅在页面文档对象模型（DOM）运行一次准备执行JavaScript代码”