Javascript jQuery选择器隐藏函数_Javascript_Jquery_Html_Function_Selector

Javascript jQuery选择器隐藏函数

javascript jquery html function

Javascript jQuery选择器隐藏函数,javascript,jquery,html,function,selector,Javascript,Jquery,Html,Function,Selector,这是我的HTML文件的内容： <!DOCTYPE html>  <head> <meta http-equiv="author" content="Chris" /> <link

这是我的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中。在本文档中，我试图使用隐藏功能隐藏带有消息ID的段落，但当我在Google Chrome浏览器中打开文件时，该段落仍然存在

注意：显然，我对JavaScript和jQuery库的实现还不熟悉

几个盲目的错误。。。假设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>

一个丢失的标签和一个额外的标签。告诉我它是否解决了这个奇怪的问题

<!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。我删除了多余的标记，添加了缺少的标记。

问题是您有一个额外的标记。把它拿走。

嗯。所以我知道发生了什么。我正在从一本书中学习JavaScript，书中说，当您将其链接到JavaScript文件时，会将版本号和最小扩展名包含到HTML文件中，即使它不是正确的文件名。因为我的jQuery库是jQuery.js，所以我刚刚删除了版本号和最小扩展名。一旦我这样做了，段落就消失了，每个隐藏函数。谢谢大家的回复。这只是书和我的大脑之间交流的失败

<!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 src="jquery.js"></script>
  <script>
  $(document).ready(function() {
    $('#message').hide();
    console.log($.fn.jquery);
  });
  </script>
</head>
<body>
  <p id="message">Hello World!</p>
</body>
</html>

也在这里发布控制台消息，你能分享html、css和JSI的确切文件结构吗？我做错了什么？看起来你的jquery文件路径错了。如果html和jquery文件都在同一文件夹中，您可以尝试使用以下代码：$document.readyfunction{$'message.hide；}；

你好，世界

它仍然不起作用。好吧。。。其他人则关注您加载的jQuery库。在控制台中进行该测试：console.log$.fn.jquery；。。。它应该输出版本号。注意额外的标签。我把它拿走了。我把标签放在第二行。我在Chrome和Firefox中重新加载了该页面，我仍然可以看到该段落。我从jQuery网站下载了最新的jQuery库，将内容放在记事本文件中，并以.js扩展名保存。我不知道你们所说的控制台测试是什么意思。就像我说的，我对JavaScript是全新的。好吧。。。这是Xyce。。。Xyce，这是一定要探索。还可以阅读。它有助于人类快速读取标记。文件名与此无关。。。但是由于您在代码和文件本身中都更改了它。。。可能是加载的问题。控制台是你最好的朋友。它有一个选项卡，您可以在其中检查每个文件加载是否成功。还有很多事情。控制台实际上为我指出了这一点。最初，我的文件名和文件扩展名是js/jquery-3.3.1.min.js，尽管在运行控制台时实际的文件名和扩展名是jquery.js，但它告诉我js/jquery-3.3.1.min.js文件不存在。我认为你必须把库的版本和最小部分是根据一些标准。一旦我将SRC属性中的值更改为文件的名称，代码就工作了。文件名只是一个字符串。把它命名为dumby-thing.js，它就会工作。这是一个文本文件，里面没有任何专有的编辑器代码。。。纯文本。与MS Word文件相反。再次感谢您的帮助，@Louyspatricebesette

<!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 src="jquery.js"></script>
  <script>
  $(document).ready(function() {
    $('#message').hide();
    console.log($.fn.jquery);
  });
  </script>
</head>
<body>
  <p id="message">Hello World!</p>
</body>
</html>