วิธี detach ใน jQuery

ส่วนวิธี detach ต่างจากวิธี remove คือจะลบองค์ประกอบที่เลือกโดยมีความสามารถในการกู้คืนกลับมาได้

สมมติว่าเรามีโค้ด HTML ดังต่อไปนี้:

html<p id="test">ข้อความ</p>
<div></div>

ลองลบองค์ประกอบ #test ก่อน ด้วย detach จากนั้นกู้คืนมันกลับมา ในตำแหน่งอื่นด้วยวิธี appendTo (เป็นไปได้เพราะในตัวแปร $elem หลังลบแล้วยังคงมีการอ้างอิงถึงมันอยู่):

javascriptlet $elem = $('#test');
$elem.detach(); // ลบองค์ประกอบ

/*
  แทรกองค์ประกอบกลับไปยังหน้า
  (ไม่จำเป็นต้องเป็นตำแหน่งเดิมที่มันเคยอยู่):
*/

$elem.appendTo('div');

ขอเตือนว่าเครื่องหมายดอลลาร์ในตัวแปร $elem เขียนเพื่อแสดงว่ามีการเก็บชุดของ jQuery ไว้ในนั้น