非常基本的jquery调用根本不起作用

时间:2013-04-28 04:12:12

标签: jquery

我觉得很难发布这个。但是,我一直在试着理解为什么这个简单的代码不能在我的任何浏览器上运行。 IE或Chrome或FF。

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#click").click(function(){
    $("#para").hide();
  })
}
</script>
</head>

<body>
<p id="para">Hai Rama Raju</p>
<button id="click">Click to hide the text</button>
</body>
</html>

它根本不起作用!我在浏览器上检查了Javascript,它已启用。我尝试下载jquery文件,但问题仍然存在。没有头绪!!!

2 个答案:

答案 0 :(得分:5)

您没有使用)

关闭文档
$(document).ready(function(){
  $("#click").click(function(){
    $("#para").hide();
  })
}) // this line

答案 1 :(得分:0)

$(document).ready(function () {
    $("#click").click(function () {
        $("#para").hide();
    });  // <-- Missing semicolon here...
});      // <-- Missing ) and semicolon here...

您可能也想尝试一下:

$(document).ready(function () {
    $("#click").click(function () {
        $("#para").toggle();
    });
});

如果没有参数,.toggle()方法只会切换元素的可见性。