jQuery如何新增和刪除元素

下面介紹一下相關的基本內容:

一.before()函式:

此函式可以在匹配元素的外部的前面插入指定的元素，例如:

[JavaScript] 純文字檢視 複製程式碼
$("div").before($("p"))

以上程式碼可以在div的外部的前面插入一個段落。

相關內容可以參閱jQuery before()一章節。

二.after()函式:

此函式可以在匹配元素的外部後面插入指定的元素，例如:

[JavaScript] 純文字檢視 複製程式碼
$("div").after($("p"));

以上程式碼可以在div的內容的開頭新增一個段落。

相關內容可以參閱jQuery after()一章節。

三.prepend()函式:

此函式可以在匹配元素的內部的開頭新增元素，例如:

[JavaScript] 純文字檢視 複製程式碼
$("div").prepend("p");

以上程式碼可以在div的內容的開頭新增一個段落。

相關內容可以參閱jQuery prepend()一章節。

四.append()函式:

此函式可以在匹配元素內部的結尾插入指定元素，例如:

[JavaScript] 純文字檢視 複製程式碼
$("div").append("p")

以上程式碼可以在div的內容的結尾新增一個段落。

相關內容可以參閱jQuery append()一章節。

五.remove():

此函式將會從DOM中刪除所有匹配的元素，例如:

$("div").remove("#first")

以上程式碼可以移除div元素中id屬性值為first的元素。

相關內容可以參閱jQuery remove()一章節。