Question

这是我的HTML文件的内容：

<!DOCTYPE html>
            <!-- The above DOCTYPE declaration tells the browser that this page conforms to HTML 5 standards -->
    <head>

        <meta http-equiv="author" content="Chris" />
        <link href="jquery.css" type="text/css" rel="stylesheet" />
</script>
    <script src="js/jquery-3.3.1.min.js">
</script>
<script>
    $(document).ready(function() {
        $('#message').hide();
    });
</script>
    </head>
    <body>
        <p id="message">Hello World!</p>
    </body>
</html>

我有一个名为jquery.js的文件，它是jQuery 3.3.1的缩小版，并且保存在我的HTML文件和CSS文件所在的文件夹 js 中。在本文档中，我试图使用hide（）函数隐藏ID为 message 的段落，但是当我在Google Chrome浏览器中打开文件时，该段落仍然存在。 / p>

注意：显然，我是JavaScript和jQuery库实现的新手。

Answer 1

好。所以我弄清楚发生了什么。我正在从一本书中学习JavaScript，这本书说在将它链接到JavaScript文件时，即使版本名和正确的文件名不正确，其版本号和“ min”扩展也都包含在HTML文件中。由于我的jQuery库是jquery.js，因此我只删除了版本号和“ min”扩展名。一旦执行完此操作，根据hide（）函数，该段落就消失了。谢谢大家的回应。这只是本书和我的大脑之间交流的失败。

Invalid data type. Data accepts either: DataTable || generator || Array || function

Answer 2

一些盲目的错误...假设您的jQuery库已加载。

<!DOCTYPE html>
<!-- The above DOCTYPE declaration tells the browser that this page conforms to HTML 5 standards -->
<html> <!-- MISSING -->
<head>
  <meta http-equiv="author" content="Chris" />
  <link href="jquery.css" type="text/css" rel="stylesheet" />
  <!--/script--> <!-- WHAT? Commented out -->
  <script src="js/jquery-3.3.1.min.js"></script>
  <script>
  $(document).ready(function() {
    $('#message').hide();
  });
  </script>
</head>
<body>
  <p id="message">Hello World!</p>
</body>
</html>

缺少标签和额外标签。
告诉我它是否可以解决奇怪的问题。

Answer 3

<!DOCTYPE html>
<html>
            <!-- The above DOCTYPE declaration tells the browser that this page conforms to HTML 5 standards -->
    <head>
        <meta http-equiv="author" content="Chris" />
        <link href="jquery.css" type="text/css" rel="stylesheet" />
    <script src="js/jquery-3.3.1.min.js"></script>
    <script>
        $(document).ready(function() {
            $('#message').hide();
        });
    </script>
    </head>
    <body>
        <p id="message">Hello World!</p>
    </body>
</html>

按上述方法修改HTML。我已删除了多余的</script>，并添加了丢失的<html>。

Answer 4

问题是您有一个额外的`</script>`标签。只需将其删除。

 <html>
    <head>
       <meta http-equiv="author" content="Chris" />
       <link href="jquery.css" type="text/css" rel="stylesheet" />

       <script src="js/jquery-3.3.1.min.js"></script>
       <script>
           $(document).ready(function() {
               $('#message').hide();
           });
       </script>
   </head>
   <body>
      <p id="message">Hello World!</p>
   </body>
 </html>

jQuery选择器隐藏功能

4 个答案:

问题是您有一个额外的`</script>`标签。只需将其删除。

jQuery选择器隐藏功能

4 个答案:

问题是您有一个额外的</script>标签。只需将其删除。

问题是您有一个额外的`</script>`标签。只需将其删除。