jQuery选择器隐藏功能
[英]jQuery selector hide function
问题描述
这是我的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的段落，但是当我在Google Chrome浏览器中打开文件时，该段落仍然存在。
注意：显然，我是JavaScript和jQuery库实现的新手。
4 个解决方案
解决方案1
1 2018-07-20 05:56:15
好。 所以我弄清楚发生了什么。 我正在从一本书中学习JavaScript，这本书说在将它链接到JavaScript文件时，即使版本名和正确的文件名不正确，其版本号和“ min”扩展也都包含在HTML文件中。 由于我的jQuery库是jquery.js，因此我只删除了版本号和“ min”扩展名。 一旦执行完此操作，根据hide（）函数，该段落就消失了。 谢谢大家的回应。 这只是本书和我的大脑之间无法交流的原因。
<!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>
解决方案2
0 2018-07-20 05:29:22
几个盲目的错误...假设您的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>
缺少标签和额外标签。
告诉我是否可以解决奇怪的问题。
解决方案3
0 2018-07-20 05:33:09
<!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> 。
解决方案4
0 2018-07-20 05:40:49
问题是您有一个额外的</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选择器显示和隐藏
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.