Jquery 为什么它不隐藏我的div 欢迎用户名：密码： “测试” $（文档）.ready（函数（）{ $（'#out'）.show（）； $（'#in'）.hide（）； }); $（'#login'）。单击（函数（）{ $（'out'）.hide（）； $（'#in'）.show（）； $（'in#u text'）。text（“Success”）； }); $（“#注销”）。单击（函数（）{ $（'#out'）.show（）； $（'#in'）.hide（）； $（'out'u text'）。text（“欢迎”）； });_Jquery

Jquery 为什么它不隐藏我的div 欢迎用户名：密码： “测试” $（文档）.ready（函数（）{ $（'#out'）.show（）； $（'#in'）.hide（）； }); $（'#login'）。单击（函数（）{ $（'out'）.hide（）； $（'#in'）.show（）； $（'in#u text'）。text（“Success”）； }); $（“#注销”）。单击（函数（）{ $（'#out'）.show（）； $（'#in'）.hide（）； $（'out'u text'）。text（“欢迎”）； });

jquery

Jquery 为什么它不隐藏我的div 欢迎用户名：密码： “测试” $（文档）.ready（函数（）{ $（'#out'）.show（）； $（'#in'）.hide（）； }); $（'#login'）。单击（函数（）{ $（'out'）.hide（）； $（'#in'）.show（）； $（'in#u text'）。text（“Success”）； }); $（“#注销”）。单击（函数（）{ $（'#out'）.show（）； $（'#in'）.hide（）； $（'out'u text'）。text（“欢迎”）； });,jquery,Jquery,所以我的问题是，为什么我的$（document.ready）没有在页面加载完成时用id=“in”隐藏div？我以为就是这样做的。我是不是遗漏了什么？我浏览了各种教程，看到它们做了与我相同的事情，但由于某些原因，我的jquery不起作用编辑：好的，多亏了你们，我可以隐藏另一个分区。谢谢。然而，现在我有一个不同的问题。我正在尝试创建一个onclick事件处理程序，用于切换要显示的div和更改文本。我对代码进行了如下编辑，这里的任何人都能找出它不起作用的原因吗？您缺少了）更重要的是，您的页面中没有包

所以我的问题是，为什么我的$（document.ready）没有在页面加载完成时用id=“in”隐藏div？我以为就是这样做的。我是不是遗漏了什么？我浏览了各种教程，看到它们做了与我相同的事情，但由于某些原因，我的jquery不起作用

编辑：好的，多亏了你们，我可以隐藏另一个分区。谢谢。然而，现在我有一个不同的问题。我正在尝试创建一个onclick事件处理程序，用于切换要显示的div和更改文本。我对代码进行了如下编辑，这里的任何人都能找出它不起作用的原因吗？

您缺少了

）

更重要的是，您的页面中没有包含jQuery

<html>

<head>
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
</head>

<body>
<div align="center" style="margin-top:15%;">
    <div id="out" align="center" style="border-style:solid;border-width:1px;width:300px;">
        <div id="out_text" align="center" style="margin-top:20;height:40px;width:200px;">
        Welcome
        </div>
        <form method="post"> 
            Username: <input type="text" name="user"><br>
            Password: <input type="password" name="password"><br>
            <input id="login" type="submit" value="Login">
            <input id="add" type="submit" value="Add User">
        </form>

    </div>

    <div id="in" style="border-style:solid;border-width:1px;width:300px;">
        <div id="in_text" align="center" style="margin-top:20;height:40px;width:200px;">
        "test"
        </div>
        <form>
            <input id="logout" type="submit" id="logout" value="Logout">    
        </form>
    </div>

</div>

<script>
$(document).ready(function() {
    $('#out').show();
    $('#in').hide();
}); 

$('#login').click(function() {
    $('#out').hide();
    $('#in').show();
    $('#in_text').text("Success");
});

$('#logout').click(function() {
    $('#out').show();
    $('#in').hide();
    $('#out_text').text("Welcome");
});
</script>

</body>

</html>

...

$（文档）.ready（函数（）{
$（'#out'）.show（）；
$（'#in'）.hide（）；
$（'#login'）。单击（函数（）{
$（“p.hide-me-first”）.hide（）；
})；//此处出现语法错误：
$(document).ready(function() {
    $('#out').show();
    $('#in').hide();
    $('#login').click(function() {
        $("p.hide-me-first").hide();
    }); // <---
}); // <---

最后一行应该是：
$('#login').click(function() {
  jQuery.cssRule("p.hide-me-first", "display", "none");
};

当脚本块中出现语法错误时，该块中的任何代码都不会运行。
如果忘记关闭$（document）.ready（）；
括号，则应将其写入
标记中：
});

我做了一个示例来展示这个解决方案。
通过检查控制台，您会发现事件处理程序中缺少了两个结束参数。而且，看起来您没有包括jquery。当javascipt不起作用时，始终先检查控制台
$(document).ready(function() {
    $('#out').show();
    $('#in').hide();

    $('#login').click(function() {
        jQuery.cssRule("p.hide-me-first", "display", "none");
    });
});


欢迎
用户名：

密码：

“测试”
$（文档）.ready（函数（）{
$（'#out'）.show（）；
$（'#in'）.hide（）；
})//这里缺少帕伦
$（'#login'）。单击（函数（）{
cssRule（“p.hide-me-first”、“display”、“none”）；
})//这里缺少帕伦


另外，请确保您包含了cssRule插件
是否检查了错误并包含了jquery？jquery没有内置到浏览器中。现在您有了一个未关闭的
标记。请检查我的答案，您缺少了两个参数。我想人们只注意到了其中一个。请确保您显示了您遇到问题的实际代码在发帖前仔细阅读。当你不断编辑别人指出的错误时，这真的很烦人。在你点击“发帖”之前花2分钟复习一下不要浪费别人的时间。我相信这也是谨慎的。事实上，登录点击功能是我从某处复制的一个错误。我现在修复了它，并在上面展示了它，但它仍然不起作用。@Daedalus，它是一个插件。。而且，他缺少了两个参数。@thescientist那是一个插件，另一个cssRule方法属于CSS对象模型。@科学家我的观点是，它没有包含在jQuery对象中。。当他们的代码中甚至没有包含这样的插件时，它是否是插件的一部分是无关紧要的。
$(document).ready(function() {
    $('#out').show();
    $('#in').hide();

    $('#login').click(function() {
        jQuery.cssRule("p.hide-me-first", "display", "none");
    });
});

<html>

<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
</head>

<body>
<div align="center" style="margin-top:15%;">
    <div id="out" align="center" style="border-style:solid;border-width:1px;width:300px;">
        <div id="out_text" align="center" style="margin-top:20;height:40px;width:200px;">
        Welcome
        </div>
        <form method="post"> 
            Username: <input type="text" name="user"><br>
            Password: <input type="password" name="password"><br>
            <input id="login" type="submit" value="Login">
            <input id="add" type="submit" value="Add User">
        </form>

    </div>

    <div id="in" style="border-style:solid;border-width:1px;width:300px;">
        <div id="in_text" align="center" style="margin-top:20;height:40px;width:200px;">
        "test"
        </div>
        <form>
            <input id="logout" type="submit" id="logout" value="Logout">    
        </form>
    </div>

</div>

<script>
$(document).ready(function() {
    $('#out').show();
    $('#in').hide();
}); //missing paren here

$('#login').click(function() {
    jQuery.cssRule("p.hide-me-first", "display", "none");
});  //missing paren here
</script>

</body>

</html>