简单的jQuery示例不起作用(隐藏元素)

时间:2011-12-23 09:44:48

标签: javascript jquery hide

我这里有一个简单的jQuery示例,其中应该隐藏一个元素。但是以下代码不起作用:

<html>
<head>
<script src="../lib/jquery-1.7.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $('#test').hide();
    }
</script>
</head>
<body>
<div id="test">Hi</div>
I'm here
</body>
</html>

我添加了ready函数,但它仍然无法正常工作。我缺少什么?

7 个答案:

答案 0 :(得分:5)

你最后错过了);,就这么简单。

应阅读:

<script type="text/javascript">
    $(document).ready(function(){
        $('#test').hide();
    });
</script>

答案 1 :(得分:3)

你的jquery代码末尾缺少一个括号和一个分号。请参阅以下代码:

    $(document).ready(function(){         
            $('#test').hide();     
    });

答案 2 :(得分:2)

更改

$(document).ready(function(){
    $('#test').hide();
}

$(document).ready(function(){
    $('#test').hide();
});

你错过了

);

答案 3 :(得分:1)

你在功能结束时错过了一个结束“)”。

答案 4 :(得分:1)

你的遗失a);在您的文件准备好之后

答案 5 :(得分:1)

<html>
<head>
<script src="../lib/jquery-1.7.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $('#test').hide();
    }); //<----------------------------Right here!
</script>
</head>
<body>
<div id="test">Hi</div>
I'm here
</body>
</html>

你必须关闭准备好的。添加了一个额外的括号。

答案 6 :(得分:1)

缺少);

正确:

  $(document).ready(function(){
        $('#test').hide();
    });