首頁 > web前端 > js教程 > 如何使用appendTo()和prependTo()來移動HTML元素?

如何使用appendTo()和prependTo()來移動HTML元素?

DDD
發布: 2024-12-06 08:15:16
原創
629 人瀏覽過

How Can I Use appendTo() and prependTo() to Move HTML Elements?

在HTML 中移動另一個元素內的元素

要將一個DIV 元素移到另一個DIV 元素內,請使用appendTo 或prependTo函數。

appendTo:

此函數將來源元素追加到目標元素的末端。

$("#source").appendTo("#destination");
登入後複製

prependTo:

此函數將來源元素加入目標的開頭元素。

$("#source").prependTo("#destination");
登入後複製

示例:

<div>
登入後複製
登入後複製

JavaScript:

$("#appendTo").click(function() {
  $("#moveMeIntoMain").appendTo($("#main"));
});
$("#prependTo").click(function() {
  $("#moveMeIntoMain").prependTo($("#main"));
});
登入後複製

HTML:

<div>
登入後複製
登入後複製

以上是如何使用appendTo()和prependTo()來移動HTML元素?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板