jQuery中after() before()和remove()元素替換

after() 函數

after() 方法在被選元素後插入指定的內容。

before()函數

before() 方法在被選元素前插入指定的內容。

remove()函數

remove() 方法移除被選元素，包括所有文本和子節點
該方法不會把匹配的元素從 jQuery 對象中刪除，因而可以在將來再使用這些匹配的元素。
但除了這個元素本身得以保留之外，remove() 不會保留元素的 jQuery 資料。其他的比如綁定的事件、附加的資料等都會被移除。這一點與 detach() 不同。

例子，元素替換

代碼如下	複製代碼
/*  * 將A替換成B  * after(B)將B插入到A的後面並返回包含A的封裝集  * remove()刪除前面的封裝集A  **/ $(A).after(B).remove(); //簡單的外掛程式封裝 $.fn.replaceWidth(ele){         return this.after(ele).remove(); }

補充另外兩種例子

1.replaceWith()

使用括弧內的內容替換所選擇的內容。

代碼如下	複製代碼
$("#div").replaceWith("<div id="div2">div2</div>");

使用方法如上，將ID為div的元素替換為ID為div2的DIV元素。
 
2.replaceAll()
將選擇的內容替換到括弧內的選取器。

代碼如下	複製代碼
$("<div>替換後的內容</div>").replaceAll("p");

使用方法如上，將所有的p標籤替換為選擇的DIV標籤。