Code:

<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时,它不会发出alert ,也不会隐藏.我判断了控制台,没有发现任何错误.我还判断了JQuery是否正在加载,事实上确实如此.所以我不确定问题是什么.我还做了一个带有alert 的文档准备功能,它工作得很好,不确定我做错了什么.请帮忙.谢谢

推荐答案

You are supposed to add the javascript code in a $(document).ready(function() {}); block.

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

As jQuery documentation states: "A page can't be manipulated safely until the document is "ready." jQuery detects this state of readiness for you. Code included inside $( document ).ready() will only run once the page Document Object Model (DOM) is ready for JavaScript code to execute"

Jquery相关问答推荐

更改后如何使用 jQuery Select CSS 类

jQuery .append() 创建两个元素而不是一个

$ 不是函数 - jQuery 错误

使用 Bootstrap 3 下拉菜单作为上下文菜单

在 Bootstrap 3 中向工具提示添加换行符

$(document).ready(function() VS $(function(){

JQuery 数据 Select 器不使用 .data 更新

如何使用Angular 检测浏览器后退按钮单击事件?

基于垂直滚动的jquery添加/删除类?

如何在 Jquery 中通过索引获取子元素?

在没有 jQuery 的情况下在 node.js 上合并或合并 JSON

javascript 正则表达式用于包含至少 8 个字符、1 个数字、1 个大写和 1 个小写的密码

动画元素变换旋转

Javascript中的选定文本事件触发器

Jquery 和 HTML FormData 返回未捕获的 TypeError:非法调用

Jquery Ajax 错误处理忽略中止

通过单击按钮获取表格行的内容

jQuery vs jQuery Mobile vs jQuery UI?

检测 jQuery UI 对话框是否打开

Select jQuery UI 自动完成后清除表单字段