为什么不'；不工作的jquery？_Jquery_Css_Display

为什么不'；不工作的jquery？

jquery css

为什么不'；不工作的jquery？,jquery,css,display,Jquery,Css,Display,它在这里工作：在第页上，不工作。 index.php <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="css.css"> <script src="js.js"></script> </head> <form action="register" method="post"> <inpu

它在这里工作：

在第页上，不工作。 index.php

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css.css">
<script src="js.js"></script>
</head>
<form action="register" method="post">
    <input type="text" name="name" id="name" class="input_class" placeholder="test"/>
        <div id="error_name">Input name!</div>
</form>
</html>

css.css

#error_name {
    font-family: Arial;
    color: red;
    display: none;
}

我忘了补充什么？我尝试了jquery.js，但也遇到了同样的问题。

您需要在js文件之前包含

jquery

：

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css.css">
<script src="jquery.min.js"></script>
<script src="js.js"></script>
</head>
<form action="register" method="post">
    <input type="text" name="name" id="name" class="input_class" placeholder="test"/>
        <div id="error_name">Input name!</div>
</form>
</html>


输入名字！

浏览器控制台会准确地告诉您出了什么问题。查看错误消息。首先，您没有包括jQuery库。

js.js

是您的jQuery库吗？如果没有，您需要包含它。我尝试添加：

但是sameI尝试添加：

但是same@Deimantas查看浏览器控制台显示的内容！例如，在google chrome中：右键单击页面-->检查元素-->控制台选项卡。错误是什么？显示meConsole为空。@Deimantas您确定吗？试着在控制台中调试一些东西，看看它是否有效。比如：

$（“#name”）.focusout（函数（）{console.log（“focusout working！！”）}）然后在控制台中：r.fn.init\uuuu proto\uuuu:Object[0]
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css.css">
<script src="jquery.min.js"></script>
<script src="js.js"></script>
</head>
<form action="register" method="post">
    <input type="text" name="name" id="name" class="input_class" placeholder="test"/>
        <div id="error_name">Input name!</div>
</form>
</html>