无法让JQuery删除类

Question

我从JQuery开始，尝试获取一条隐藏的消息来显示。但是，当我加载它时，消息仍然是隐藏的。消息有两个类“错误”和“隐藏”，我想用javascript/JQuery删除“隐藏”类。

<head>
    <title>Title</title>
    <link rel="stylesheet" href="./css/style.css" />
    <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
</head>

<body>
    <span class="error hidden" id="error">This field is required.</span>

    <script>
        $("error").removeClass("hidden");
    </script>
</body>

我的css

.hidden {
    visibility:hidden;
}

我遗漏了什么？谢谢你的帮助！

Answer 1

$("error")将无法工作，因为error不是有效的选择器。您需要使用有效的CSS id选择器来选择元素：

$("#error").removeClass("hidden");