jquery 向網頁添加/移除元素的方法.txt

參考：https://blog.csdn.net/sdaujsj1/article/details/79180222

1.
插入元素：
$(selector).append();
$(selector).after();
$(selector).before();

2.
移除元素：
$(selector).remove();

示例：
<div class="hello">Hello</div>
$('.hello').remove();
或者用
$('div').remove('.hello');

3.
清空元素的內容（innerHTML）
$(selector).empty();
等效於：
$(selector).html();

注：爲了避免內存泄漏，jQuery先移除子元素的數據和事件處理函數，然後移除子元素
html()返回值:  String 是可以用變量接收的。
empty()返回值: jQueryObj 不能用變量接收。

4.
empty()方法無參數，而且清空後的子集及文本無法進行還原。

而detach()和remove()方法可以將其保存在一個變量中
如聲明變量p 寫成如下形式
let p = $('p').remove();
當需要重新添加時，可以直接添加，如下：
p.appendTo("body");
這是detach()和remove()方法都有的功能。
remove（）較detach()不同的是remove（）可以刪除指定的類如remove（‘a’）,
而detach()不可這樣操作。
當用remove()方法移除元素後，再進行添加，子集的事件不會存在，
而detach()子集的事件還可執行。

5.
$(selector).html();
$(selector).val();
以上兩個方法，既可以取值，也可以賦值。