jQuery .hide()可以工作，但不能使用.show()
jQuery是一种流行的JavaScript库，用于简化HTML文档遍历、事件处理、动画效果等操作。其中，.hide()和.show()是jQuery提供的两个方法，用于隐藏和显示HTML元素。
.hide()方法可以隐藏选定的HTML元素。它通过将元素的display属性设置为"none"来实现隐藏。隐藏的元素在页面上不可见，但仍然占据空间。.hide()方法没有参数，可以直接调用。
.show()方法用于显示之前隐藏的HTML元素。它通过将元素的display属性设置为默认值（如"block"、"inline"等）来实现显示。和.hide()方法一样，.show()方法也没有参数，可以直接调用。
然而，如果在使用.hide()方法后直接调用.show()方法，发现.show()方法无法正常工作，可能是由于以下原因：
- 元素的display属性被其他CSS样式或JavaScript代码修改了。在.hide()方法隐藏元素后，如果其他代码修改了元素的display属性，.show()方法可能无法将其恢复为原始的显示状态。这时可以尝试使用CSS样式重置元素的display属性，或者使用其他方法来显示元素。
- 元素被移除或替换了。如果在.hide()方法隐藏元素后，该元素被移除或替换了，.show()方法无法将其恢复显示，因为元素已经不存在或被替换为其他元素。这时需要检查代码逻辑，确保元素没有被意外移除或替换。
总结起来，.hide()方法可以正常工作，但不能直接使用.show()方法可能是由于元素的display属性被其他代码修改或元素被移除或替换了。在使用.show()方法前，需要确保元素的display属性正确设置，并且元素存在于文档中。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云函数（SCF）：https://cloud.tencent.com/product/scf
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
相关·内容
div class="about"></div>$(document).ready(function() { e.preventDefault();
$('.about').show</e
浏览 1提问于2018-02-23得票数 0
回答已采纳
它与表单提交事件中的JQuery一起工作，它应该隐藏问题，查看选中了哪个单选按钮并.show()适当的div。问题是所有的东西都是隐藏的，但是不会显示出来。代码如下；$(document).ready(function(){ $('#allGo').hide(); $("#nobodyGoe
浏览 1提问于2017-06-16得票数 2
回答已采纳
我正在使用jQuery在我的网站上使用多个切换菜单。但是，如果我将它的初始加载从.show改为.hide，它将无法工作。我的js文件是：$('div ul.menu').hide();
$('h2.trigger').click(function
浏览 0提问于2011-11-02得票数 0
回答已采纳
hide可以工作，但.show不能，并且jquery没有中途中断(我已经将alert()放在整个代码中，甚至使用alert()来显示我试图显示或隐藏的参会者，值是正确的。---- comment: this bottom part is what allows the user to show or hide the elements, I just use the divid="subtract3">[+] Click he
浏览 0提问于2012-03-02得票数 1
回答已采纳
我在移动设备上测试了一个网站，它在表单上使用了一个简单的hide() / show()。在台式机上效果很好，但在移动设备上就完全不行了。有没有人知道这些函数是否被支持？使用jQuery 1.5米饭
浏览 2提问于2011-02-28得票数 0
回答已采纳
">box 2</td> </table> <button id="show">Light Box</button>
</html>
这是我的jQuery代码:我将<e
浏览 2提问于2014-04-08得票数 1
回答已采纳
我是JS和AngularJS的新手，对jQuery一无所知。我想在选中相应的复选框时显示特定的div部分。我使用JS和AngularJS进行了尝试，但最终一无所获。请看一下代码，请帮我解决问题。此外，如果有任何方法可以使用JS / AngularJS (更可取的是，AngularJS)来解决问题，那么解决起来会容易得多。function(event) { if (checkbox1.checked) {
$("#userf
浏览 0提问于2016-07-05得票数 0
我有一个网页，其中我使用sql/php在我的数据库中创建了一个选择选项:每个选项的值都是数据库上的id。在这里，我使用了JQuery 3.3.1 :这是我第一次使用它，所以我认为我的语法可能很糟糕。这部分代码在FF/IE/Chrome上工作得很好。/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<b
浏览 1提问于2018-05-15得票数 0
回答已采纳
3回答
我尝试了.show和自动隐藏其他显示div。但我不能运行它。我尝试了一些例子，但不工作我的代码。感谢所有人的帮助
浏览 0提问于2011-12-07得票数 0
回答已采纳
我在我的jsp页面中使用了show()和hide()，它工作得很好，但是一旦我的表显示出来，我就找不到隐藏它的方法了。我使用hide()/show()，因为我从来不想同时显示这两个文件。下面是我的脚本： $('#d1').show(); });
$(
浏览 0提问于2011-07-19得票数 0
回答已采纳
="opConfig.reloadPrice();if(this.options[this.selectedIndex].text=='Custom Size'){$('.custom_size').show();}else{$('.custom_size').hide();}">if(this.options[this.selectedIndex].text=='CustomSize'){$('
浏览 4提问于2012-02-12得票数 1
回答已采纳
但是我不能让它工作，也不知道为什么。任何帮助都将不胜感激。谢谢。 $('#raid-progress-cata').show(); $('#raid-progress-tbcraid-progress-mop').hide();
$('#raid-prog
浏览 0提问于2012-08-21得票数 0
回答已采纳
在下面的代码中，jquery和jQuery隐藏函数无法工作。虽然这是最基本的事情，但在过去的一小时里，我都没能熬过去。我无法隐藏和显示.PLease帮助<html> <title>sample</title>
浏览 2提问于2013-10-15得票数 0
回答已采纳
2回答
我让这个代码使用php代码动态生成：- <div class="mailListHeader" id="H_6">C06; cursor:pointer;"> </span></div>
然后，用户
浏览 0提问于2013-10-24得票数 0
回答已采纳
当选择某个报告类型时，我尝试使用显示和隐藏来显示一组不同的选择选项。我有几个问题:只有当我在条件语句的第一个结果中传递参数时，.show .hide才能正确执行。if ($('#ReportType').val() == 'PbuseExport') $('#PbuseServices').show('fast');'#PbuseServices').hide()
浏览 0提问于2010-03-17得票数 2
回答已采纳
3回答
显示和隐藏-方法不能在按钮上工作
、、、、
="UTF-8"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="show.js">
浏览 3提问于2016-12-23得票数 0
回答已采纳
我想知道是否可以在hide()或show()中使用stop()函数(我通常在animate()上使用)。如果我快速、重复地将鼠标悬停在使用show()显示子and的div上，则显示动画会一遍又一遍地重复。stop()函数将停止该行为。但是，我不知道如何在hide()或show()中使用stop()函数。谢谢
问候马特
浏览 0提问于2010-07-01得票数 8
回答已采纳
希望有人能帮助我，这段jQuery代码可以工作，但我想知道是否有更好的方法来构造它，看起来它可以重构成更干净、更容易阅读。任何帮助都将不胜感激。").hide(); jQuery(".mobile-top-links").hide();<em
浏览 7提问于2013-09-06得票数 0
回答已采纳
1回答
我试图在滚动效果上实现这个头，但无法使它工作。我试过这个 if (jQuery(this).scrollTop() < 200) { } else { }但不起作用。我发
浏览 0提问于2016-10-07得票数 2
回答已采纳
1回答
我试图在JQuery中使用这段代码，但不起作用。).find('.sub-menu').show(1000); // jQuery(this).find('.sub-menu').slideToggle).stop(true,true).delay(1000).show(0); jQuery</
浏览 2提问于2015-06-30得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
