jQuery中的append()用于在已有元素結構的末尾添加新內容。但是,append()不僅僅可以添加靜態內容,還可以動態移動元素。
$(document).ready(function(){ $("#btn_move").click(function(){ $("#div2").append($("#div1")); }); });
上面的代碼演示了如何將id為div1的元素移動到id為div2的元素結構末尾。當單擊按鈕時,div1將從原始位置移動到div2中。
請注意,由于append()方法將元素移動而不是復制,因此在執行移動操作后,原始位置上的元素會被刪除。如果需要復制而不是移動,請使用clone()方法。
$(document).ready(function(){ $("#btn_copy").click(function(){ $("#div2").append($("#div1").clone()); }); });
上面的代碼演示了如何使用clone()方法將id為div1的元素復制到id為div2的元素結構末尾。當單擊按鈕時,div1將被復制并添加到div2中,原始位置上的div1保持不變。