如何使用 jQuery 附加或前置 DIV 元素？

移动元素：追加和前置

考虑需要从一个位置（“源”）重新定位 DIV 元素（包括其子元素） ）到另一个（“目的地”）。期望的结果是将源内容嵌套在目标容器中。

解决方案：

AppendTo 方法：

此方法将源元素移动到目标元素的末尾，成为其最终元素child:

$("#source").appendTo("#destination");

PrependTo 方法:

或者，prependTo 方法将源元素插入到目标元素的开头，使其成为第一个元素孩子：

$("#source").prependTo("#destination");

示例：

为了阐明该过程，请考虑以下演示：

$("#appendTo").click(function() {
  $("#moveMeIntoMain").appendTo($("#main"));
});

$("#prependTo").click(function() {
  $("#moveMeIntoMain").prependTo($("#main"));
});

#main {
  border: 2px solid blue;
  min-height: 100px;
}

.moveMeIntoMain {
  border: 1px solid red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>

以上是如何使用 jQuery 附加或前置 DIV 元素？的详细内容。更多信息请关注PHP中文网其他相关文章！