JQuery选择关闭div并显示另一个
JQuery是一个快速、简洁且功能丰富的JavaScript库，用于简化HTML文档的遍历、事件处理、动画和AJAX交互。它通过使用CSS选择器来选择HTML元素，并对其进行操作。
在关闭一个div并显示另一个div的场景中，可以使用JQuery的方法来实现。
首先，通过选择器选择需要关闭的div元素，然后使用JQuery的hide()方法隐藏该元素。例如，如果想要关闭id为"div1"的div元素，可以使用以下代码：
$("#div1").hide();接下来，通过选择器选择需要显示的另一个div元素，然后使用JQuery的show()方法显示该元素。例如，如果想要显示id为"div2"的div元素，可以使用以下代码：
$("#div2").show();完整的代码如下所示：
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
// 关闭div1并显示div2
$("#div1").hide();
$("#div2").show();
});
</script>
</head>
<body>
<div id="div1">要关闭的div</div>
<div id="div2" style="display:none;">要显示的div</div>
</body>
</html>在这个示例中，页面加载完成后，会隐藏id为"div1"的div元素，并显示id为"div2"的div元素。
腾讯云相关产品中，可以使用腾讯云的云服务器（CVM）来搭建和部署网站，通过腾讯云对象存储（COS）来存储静态资源文件，如HTML、CSS和JavaScript文件。此外，腾讯云还提供了云函数、云数据库等产品来满足不同的开发需求。
相关产品介绍链接：
相关·内容
2回答
我在我的开发站点上有流动的html和jquery代码。它很有效，但看起来很笨拙。我正在寻找一种更简单、更干净的方法来使函数淡入div和淡出div。 hide(300); });
}); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.j
浏览 29提问于2019-03-12得票数 0
回答已采纳
当用户从表单中选择一个选项并单击add to cart链接时，我显示了一个警告样式的div。我使用jQuery .before()方法将用户表单选择的文本值添加到div。我需要两方面的帮助：
如果用户没有关闭div，然后继续进行另一个选择，我如何将使用.before()添加的元素替换为新的选择？此外，如果用户确实关闭了div，我如何“重置”它，以
浏览 3提问于2013-08-31得票数 0
2回答
如果用户从下拉列表(#employment_status)中选择“Employed”，那么下面的jQuery代码将显示一个附加的div部分(从隐藏开始)，其中包含更多的字段供用户填写：var employ = jQuery('#employment_status');employ.change但是，如果用户选择&
浏览 0提问于2014-01-31得票数 0
当我点击“显示”，我想要文本“显示”是隐藏的，内容和“关闭”按钮显示。当我点击“关闭”，我想隐藏内容和“关闭”按钮，并显示“显示”按钮。这是我的尝试，但“关闭”按钮不起作用。我可以添加以更改这些显示/关闭按钮的类吗？如果单击“
浏览 0提问于2018-08-09得票数 1
回答已采纳
我已经用jquery将它们设置为滑动切换以显示和隐藏div。它工作得很好，但前提是在选择新的div之前使用相同的按钮关闭div。我希望如果一个按钮被点击，它将滑上打开的div，在它滑下自己的div之前。现在，如果某个div仍在显示，而另一个按钮被单击，则打开的div不会关闭。我认为有太多的按钮，使if函数测试每个div的名称，如
浏览 2提问于2011-09-13得票数 2
回答已采纳
我在这个项目中使用了和jquery选项卡。我在表单上有一个名为"Filter“的链接，它将调用FilterModal()来显示模式。<div">@Html.Partial(MVC.Sample._Filter)</div>
在_Filter.cshtml，中，我有两个链接按钮，一个是"Run"，它将从所选的选项执行筛选器，然后回发结果并关闭模式；第二个是"Cancel"，它将关闭</em
浏览 1提问于2012-07-28得票数 0
朋友们，我需要Jquery的帮助，下面是我的要求。第二步，->相同的锚点链接，单击显示另一个Div并隐藏在div之前，我们在滚动时显示&也包含这些链接。在这个div上我们有关闭链接，如果我们点击它，它会返回到主要的链接，即滚动链接显示Div。
浏览 3提问于2011-08-13得票数 0
回答已采纳
2回答
单击后隐藏div
、、、
当单击另一个div时，我希望隐藏使用.toggle显示的当前div。
当通过单击.left中的另一个链接来切换另一个div时，我希望.right中当前显示的div消失并被单击的div替换。当前已切换的div一直停留在那里，直到单击关闭为止，当从.left中选择另一个div时，我希望关闭开关触发
浏览 3提问于2017-01-23得票数 0
回答已采纳
如果使用jquery从单选按钮中选择是或否，我希望能够启用div。默认情况下，页面加载时不显示div。当您现在选择一个单选按钮时，它将决定显示哪个div。name="myradiobutton" /> Yes <input type="radio" value="no" name="myradiobutton" /> No<&#x
浏览 1提问于2021-01-21得票数 1
回答已采纳
我试着一次按一下按钮显示隐藏的行，但是它们都同时显示，因为它们都有类“行”--默认情况下第一行显示，其余的被隐藏。我不能使用Id选择器，因为它的服务器端和动态，所以我如何只能显示下一行/兄弟在每次点击，直到没有剩下？我可以在每个行类中追加一个计数器，但是当尝试使用该计数器在jQuery中选择下一行时，这将于事无补
浏览 0提问于2015-10-06得票数 1
回答已采纳
下拉内容是多种多样的(图片、列表等)，因此本主题只关注下拉基础(打开/关闭/样式)。这就是代码现在的样子。我修改了我
浏览 1提问于2013-06-25得票数 0
回答已采纳
我在这里使用颜色选择器：我想要做的是允许用户关闭colorPicker DIV，如果他们选择不选择颜色。我设法在左上角添加了一个关闭链接，并添加了一个jquery.css命令来显示: none，这个div确实很好地隐藏了它。但是，在示例3中，您会注意到，如果您单击方形(粉红色)以显示颜色选择器，将鼠标悬停在ipcker内，您将看到颜色的方形更改。如
浏览 1提问于2010-07-02得票数 0
回答已采纳
我有一个名为.select_payment的选择和一个名为#billing的div当用户选择该选择并且它的值等于"credit“时，我想要显示计费div。默认情况下，它是隐藏的。{ } });
当我选择一个名为
浏览 0提问于2011-09-08得票数 0
回答已采纳
1回答
一次可以展开多个节，但在关闭所有节之前，内容不能返回查看。我现在所拥有的在第一次点击时就可以完美地工作，内容会打开并展开，关闭相同的部分也可以关闭内容返回内容，但是如果我打开一个然后打开另一个，内容返回，折叠打开第二部分，但返回到50%。be removed when the accordion is open</div> jQuery： jQuery(&#x
浏览 16提问于2020-07-22得票数 0
回答已采纳
现在您可以单击accordion-control并打开每个面板1乘1。但是我想要它，所以当用户单击另一个accordion-control按钮时，它关闭当前显示的面板并显示用户选择的内容。active').not(':animated').slideToggle();})
<script src="https://ajax.googleapis.com/ajax/libs&
浏览 2提问于2017-01-06得票数 0
回答已采纳
4回答
我想让div #的顶部消息下滑到用户第二次访问该网站。另外，当用户单击“关闭”时，将不会再次显示消息。我想我必须设置一个曲奇，并计算它，但不确定如何。我在jquery 中安装了以下cookie插件 jQuery(function($){
浏览 5提问于2011-05-24得票数 3
回答已采纳
我在使用JQuery对话框时遇到问题。 $(minimize).hide();"destroy“是不是好的选择，还是我需要改回DIV</em
浏览 1提问于2011-04-30得票数 1
回答已采纳
我是jQuery的新手。我可以藏起来，但不能现身。我想隐藏并显示一个带有select标记的元素。如果选择option value="something"，则必须隐藏#hide，如果选择something2 (选择标记中的另一个选项)，则必须显示#hide。每次在select标记中选择选项时，都必须显示和隐藏div元素。<option value="somethin
浏览 4提问于2013-08-20得票数 0
回答已采纳
4回答
我有一个页面，我想在点击链接后显示一些段落，在此之前它应该是隐藏的。所以我写了一个简单的JQuery代码，但问题是当我单击打开的链接时，所有其他隐藏的div也会显示出来。HTML<a href="#" class="open_div">Read More</a>
<
浏览 0提问于2011-03-23得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
