Phương thức detach trong jQuery
Khác với phương thức remove, phương thức detach xóa các phần tử
được chọn nhưng có khả năng khôi phục chúng.
Giả sử chúng ta có đoạn mã HTML sau:
<p id="test">text</p>
<div></div>
Hãy thử xóa phần tử #test
bằng detach trước, sau đó khôi phục nó
ở vị trí khác bằng phương thức
appendTo
(điều này có thể thực hiện được vì trong biến $elem
vẫn còn tham chiếu đến phần tử sau khi xóa):
let $elem = $('#test');
$elem.detach(); // xóa phần tử
/*
Chèn phần tử trở lại trang
(không nhất thiết phải ở đúng vị trí cũ):
*/
$elem.appendTo('div');
Nhắc lại, ký hiệu đô la trong biến $elem
cho biết rằng nó lưu trữ một đối tượng tập hợp
jQuery.
Hãy xóa p có id: #test
bằng detach, sau đó chèn nó
phía trước phần tử h3.
