如何使用jquery将隐藏的div附加到另一个div中并仅在其中显示它

使用jQuery将隐藏的div附加到另一个div中并仅在其中显示它的方法如下：

首先，确保你已经引入了jQuery库文件，可以通过以下方式引入：<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
在HTML中，创建两个div元素，一个是要隐藏的div，另一个是要附加并显示隐藏的div的目标div。例如：<div id="hiddenDiv" style="display: none;">隐藏的div内容</div> <div id="targetDiv">目标div</div>
使用jQuery的appendTo()方法将隐藏的div附加到目标div中。同时，使用show()方法显示隐藏的div。例如：$(document).ready(function() { $("#hiddenDiv").appendTo("#targetDiv").show(); });

完整的示例代码如下：

<!DOCTYPE html>
<html>
<head>
  <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
</head>
<body>
  <div id="hiddenDiv" style="display: none;">隐藏的div内容</div>
  <div id="targetDiv">目标div</div>

  <script>
    $(document).ready(function() {
      $("#hiddenDiv").appendTo("#targetDiv").show();
    });
  </script>
</body>
</html>

这样，隐藏的div将被附加到目标div中，并且只在目标div中显示出来。

如何使用jquery将隐藏的div附加到另一个div中并仅在其中显示它

jquery

我有一个包含隐藏列表的div。现在，我正在尝试附加该div，并在单击它时在表的<th>中显示它。我把<ul>放在一个div里面，通过JQUERY html()和append()，我在点击的<th>里面追加了<ul>，但它仍然是隐藏的。如何才能使其仅在单击的

浏览 4提问于2016-12-19得票数 0

0回答

停止jquery进程

javascript、jquery、animation、jquery-animate

我有一个隐藏在页面外的div，其中一个部分是可见的，如下所示： left: -100px; height: 50px;我使用jquery来显示整个div： $("div").animate({left:

浏览 8提问于2016-07-09得票数 0

回答已采纳

3回答

jQuery仅在可见时隐藏，只有在隐藏时才显示

jquery

在使用jQuery时，是否有可能仅在不隐藏div的情况下隐藏它，并仅在未显示的情况下显示它，而不是再次向其添加相同的类？ // Later in the script - Show it bu

浏览 4提问于2013-11-13得票数 9

回答已采纳

1回答

可见/隐藏内容影响页面加载速度？如何按需检索外部数据？

jquery-ui、jquery、hidden、page-load-time

示例：从电子表格中同时获取链接<H4> (<a><H4>maximum 200 characters</H4></a>)及其相应的div (<div>maximum 10000 characters</div>)的列表；当单击( toggle() )任何一个可见的链接<H4>时，会显示它们相应的先前隐藏

浏览 2提问于2011-12-19得票数 0

2回答

jquery for循环:对于每个悬停链接，在悬停链接旁边显示相关的隐藏div

jquery、html、css、for-loop、offset

我想在jquery中使用for循环，以便： “对于每个hover_link:在悬停的hover_link旁边显示隐藏的div。”当前的jquery不显示隐藏的div，更不用说将隐藏的div定位在悬停链接旁边，并且不知道如何为多个hover_links循环。jquery

浏览 3提问于2012-06-26得票数 1

回答已采纳

2回答

我有一个面板，它显示了一个带有日志跟踪的特定任务的进度。当日志打印某一行时，我想将该面板的颜色从灰色(当前)更改为绿色。日志也存在于视图中，所以我可以在视图中使用剃须刀锐利地完成所有这些操作，但如何做到呢？> 基本上，每次服务器检测到一行的新行(后端)时，日志div中的ul都会追加日志：...One是：Log : Job“TN_LR_DEV1”。“SYS_EXPORT_SCHEMA_05”在5

浏览 7提问于2020-05-10得票数 0

回答已采纳

1回答

MVC 3:如何动态启用/禁用客户端验证

asp.net-mvc-3

我有一个用作向导的签出视图。步骤(其中5个)包含在它们自己的div中，并在用户完成结帐过程向导时通过jQuery显示/隐藏。选择一个或另一个将显示所选支付选项的输入控件。所有这些都运行得很好。假设我选择"Pay with

浏览 0提问于2011-09-30得票数 1

回答已采纳

1回答

脚本向后运行

jquery、show-hide

我正在尝试弄清楚为什么我的脚本似乎是反向工作的。我有一个页面，其中有隐藏的元素，将显示时，一个图像被点击。内容应该在页面加载时隐藏，并仅在单击按钮时显示。但是，页面加载的是所显示的内容，而单击的图像实际上隐藏了内容，页面是的，右下角有标题，旁边有图片(圆圈里有"+“号)，其中一个是

浏览 0提问于2013-09-09得票数 0

5回答

jquery向下滑动-向上滑动-第一次默认情况下隐藏，

php、javascript、jquery、html、forms

<div><input type="button" id="changePwd" value="Change your password"/></div><div id="form_pwdtd><input type="submit" value="Save Password" /></td&

浏览 8提问于2012-03-07得票数 4

回答已采纳

1回答

引导:如何使用导航条？

javascript、jquery、html、twitter-bootstrap、navbar

我是新来的，我对此有个疑问<div class="navbar-collapse collapse">如果我单击其中一个菜单，该链接将包括如下"www. /# menu 1“ 问题是，如果我想使内容出现在菜单上，我只需单击如何才能做到？-- my rough idea is like th

浏览 2提问于2013-10-25得票数 4

回答已采纳

1回答

使用jQuery更改显示属性

jquery、css

jQuery来切换隐藏/显示属性。但是我想问一下如何将CSS属性display: none；添加到这个div中，并在单击时再次从其中移除CSS属性。我知道怎么做:使用如果其他。但我不知道如何添加或删除CSS属性。关于jQuery，我所知道的就是： $("

浏览 4提问于2013-08-18得票数 0

回答已采纳

2回答

如何制作JQuery* + CSS垂直表*

jquery、css

由于我的选项卡有问题，Jquery并没有像我所期望的那样起作用。最后，隐藏所有的div，并显示<

浏览 2提问于2013-05-26得票数 1

回答已采纳

1回答

获取动态创建的div的id

javascript、html、jquery

我想隐藏并显示动态创建的div。我通过按按钮类别来创建div。<button id="Category">Add category</button> 然后使用jquery使用以下函数将div添加到DOM中，因此每次我想隐藏并显示这个div时

浏览 1提问于2021-05-18得票数 3

回答已采纳

5回答

如果javascript被禁用，如何隐藏某些不被<noscript>标记包围的html？

javascript、jquery、html、ajax、graceful-degradation

<html> // jquery and javascript functions</script> </fancy-

浏览 7提问于2010-11-20得票数 1

2回答

覆盖由show()设置的CSS

jquery

我有一个用jQuery隐藏和显示的div。我的函数代码工作正常，除了当我将div css更改为display: inline-block;时，使div并排放置另一个div。当我单击hide按钮时，div隐藏，但在单击show按钮时，div不显示。使用Google chrome，我检查了这个元素，并</e

浏览 1提问于2013-01-10得票数 0

回答已采纳

1回答

div上的画布元素:网络摄像头照片拍摄

jquery、webcam、html5-canvas

我希望使用jquery和来实现以下行为:单击按钮后，.webcam对象应该附加到某些div。当我单击另一个按钮时，会在位于div顶部的画布中捕获并绘制一幅图片。对用户来说，它应该看起来像冻结的图像。然后，应该有第三个按钮，删除所拍摄的图片和视频流再次显示，而不需要点击accept在闪光灯窗口再次使用相机。我知道如何将</

浏览 2提问于2011-11-05得票数 0

回答已采纳

3回答

jQuery <div>问题

jquery

我有显示一些记录的HTML表结构。有一个"info“(即，小的16x16 'i')图像，我需要以下功能：问题/问题是我需要在页面内容上面显示div(像图片库，当我们点击图像时，其他东西都变黑了，可以看到更大的图像)，并关闭链接。

浏览 5提问于2010-11-25得票数 0

回答已采纳

1回答

将数据从一个div传递到另一个div，而不使用隐藏控制。

php、jquery、html、wordpress

在页面加载中，它显示的是第一个div和隐藏另一个div (如下面的脚本所示)，单击第一个div中的另一个按钮，它就隐藏了自己并显示了隐藏的div。从第一个div开始，我输入了值(在它的字段中)，在第二个<

浏览 2提问于2015-08-21得票数 0

回答已采纳

1回答

使用chrome developer tools Xpath查找正确的子div* id，使用Jquery使用click函数进行目标。*

jquery、html、css、xpath、css-selectors

我试图使用jquery和第n个子选择器来针对特定的div。我试图操作的代码是由拖放cms生成的，因此我不能将id添加到元素中。另一个问题是所有的类都是相同的。我已经成功地将一些id应用于一些div，但是我使用的小jquery脚本不会将id添加到显示悬停/单击(取决于设备)的<

浏览 3提问于2013-11-03得票数 0

回答已采纳

4回答

将内容从一个隐藏的div移动到另一个显示的div

jquery

如何使用jquery将内容从一个隐藏的div移动到另一个显示的div？假设我有一个带有显示样式块的div1和另一个带有显示样式块的div "div2“。如何将内容从div1移动到div

浏览 2提问于2010-07-14得票数 15

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

如何使用jquery将隐藏的div附加到另一个div中并仅在其中显示它

相关·内容

如何使用jquery将隐藏的div附加到另一个div中并仅在其中显示它

停止jquery进程

jQuery仅在可见时隐藏，只有在隐藏时才显示

可见/隐藏内容影响页面加载速度？如何按需检索外部数据？

jquery for循环:对于每个悬停链接，在悬停链接旁边显示相关的隐藏div

当某个文本出现时，从视图中删除div

MVC 3:如何动态启用/禁用客户端验证

脚本向后运行

jquery向下滑动-向上滑动-第一次默认情况下隐藏，

引导:如何使用导航条？

使用jQuery更改显示属性

如何制作JQuery* + CSS垂直表*

获取动态创建的div的id

如果javascript被禁用，如何隐藏某些不被<noscript>标记包围的html？

覆盖由show()设置的CSS

div上的画布元素:网络摄像头照片拍摄

jQuery <div>问题

将数据从一个div传递到另一个div，而不使用隐藏控制。

使用chrome developer tools Xpath查找正确的子div* id，使用Jquery使用click函数进行目标。*

将内容从一个隐藏的div移动到另一个显示的div

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐