innerHTML和outerHTML的區別，jQuery刪除節點的方法

一、區別：
1）innerHTML:
　　從對象的起始位置到終止位置的全部內容,不包括Html標籤。
2）outerHTML:
　　除了包含innerHTML的全部內容外, 還包含對象標籤本身。

二、例子：
<div id="test"> 
   <span style="color:red">test1</span> test2 
</div>
1）innerHTML的值是“<span style="color:red">test1</span> test2 ”

2）outerHTML的值是<div id="test"><span style="color:red">test1</span> test2</div>

-------------------------------------------------------jQuery刪除節點的方法，即remove()，detach()和empty()-------------------

1、remove()
當某個節點用remove()方法刪除後，該節點所包含的所有後代節點將同時被刪除。這個方法的返回值是一個指向已被刪除的節點的引用，因此可以在以後再使用這些元素。

2、detach()
detach()和remove()一樣，也是從DOM中去掉所有匹配的元素。但需要注意的是，這個方法不會把匹配的元素從jQuery對象中刪除，因而可以在將來再使用這些匹配的元素。與remove()不同的是，所有綁定的事件、附加的數據都會保留下來。

2、empty()
嚴格地講，empty()方法並不是刪除節點，而是清空節點，它能清空元素中的所有後代節點。