JQuery的Clone方法,可以幫助我們復制一個或多個HTML元素,并將其插入到文檔中的新位置。
$(selector).clone(deep);
其中,selector是要復制的元素選擇器,deep參數代表是否復制包含子元素。默認情況下,false只復制所選元素本身,而不包含子元素;true則會復制所有內容。
以下為一個例子:
<!DOCTYPE html> <html> <head> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> </head> <body> <div id="parent"> <h1>這是一個標題</h1> <p>這是一個段落。</p> </div> <h2>點擊按鈕復制元素</h2> <button id="cloneBtn">點擊復制</button> <script> $("#cloneBtn").click(function(){ $("#parent").clone().appendTo("body"); }); </script> </body> </html>
當點擊“點擊復制”按鈕時,parent元素將被復制到文檔中的新位置。
上一篇mysql一條一條取
下一篇前端頁面css怎么查看