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

为什么这个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是否正在加载,确实是。所以不确定问题是什么。我还做了一个带有警报的文件就绪功能,这样做不能确定我做错了什么。请帮忙。谢谢!


一只斗牛犬
浏览 474回答 3
3回答

慕斯王

您应该在$(document).ready(function() {});块中添加javascript代码。即$(document).ready(function()&nbsp;{ &nbsp;&nbsp;$("#clicker").click(function&nbsp;()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;alert("Hello!"); &nbsp;&nbsp;&nbsp;&nbsp;$(".hide_div").hide(); &nbsp;&nbsp;});});正如jQuery文档所述:“在文档”准备好“之前,页面无法安全地操作.jQuery会为您检测这种准备状态。内部包含的代码$( document ).ready()只有在页面文档对象模型(DOM)为JavaScript准备好后才会运行要执行的代码“
打开App,查看更多内容
随时随地看视频慕课网APP