jquery中的Hide()不起作用
jquery中的Hide()不起作用
提问于 2017-09-14 02:54:07
index.html中的代码
<head>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</head>
<body onload="loadIndex()">
<a id="registration" href="register.html"> Register </a>
</body>index.js中的代码
function loadIndex() {
alert("Page is loaded");
$("#registration").hide();
}我收到警报，但链接未隐藏。我有更多的文件，但这在任何一个文件中都不起作用。我认为这个错误不在代码中，但我不知道在哪里。
回答 3
Stack Overflow用户
发布于 2017-09-14 02:58:17
除了一个很小的语法问题外，您的代码没有问题。您只是错过了结束标记</head>。检查下面的代码：
function loadIndex() {
alert("Page is loaded");
$("#registration").hide();
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<head>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</head>
<body onload="loadIndex()">
<a id="registration" href="register.html"> Register </a>
</body>
Stack Overflow用户
发布于 2017-09-14 03:19:49
尝试此设置：
<head>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script>
$(document).ready(function(){
alert("Page is loaded");
$("#registration").hide();
});
</script>
</head>
<body>
<a id="registration" href="register.html"> Register </a>
</body>Stack Overflow用户
发布于 2017-09-24 19:37:51
我之前在jQuery v1.11中遇到过同样的问题，我通过在css文件中创建新类解决了这个问题，如下所示：
.hidden {
display : none;
}为了显示和隐藏elem，我在elem中添加和删除了隐藏类。
隐藏：$(elem).addClass('hidden');
显示：$(elem).removeClass('hidden');
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/46204927
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号