jQuery 刪除元素：主要提示

jQuery 具有有用的方法和選擇器，它們允許您比使用純JavaScript更方便地操作和從 DOM 獲取信息。

通過使用特殊的方法，你可以讓 jQuery 移除 DOM 元素和內(nèi)容。

方法比較

有兩種方法可以用來讓 jQuery 刪除元素：

.remove()刪除選定元素及其子元素。

.empty()僅從選定元素中刪除子項(xiàng)。

這兩種方法的語法都相當(dāng)簡單。我們將在以下部分中看到一些示例片段。

空的()

以下是 的語法.empty()：

$(selector).empty()

要了解它是如何工作的，您可以查看一個(gè)簡單的示例。在其中，我們讓 jQuery 刪除div它在我們的代碼中找到的元素。單擊Try it Live按鈕以查看其在代碼編輯器中的工作原理：

$("div").empty();

消除()

for 的語法.remove()只是略有不同。如您所見，它接受額外的選擇器作為參數(shù)，根據(jù)應(yīng)刪除的元素添加額外的過濾器：

$(selector).remove([selector])

為了解釋的過濾功能.remove()，我們看一下這個(gè)例子：

$("div").remove(".example");

簡單地說，第一個(gè)選擇器意味著該方法應(yīng)該選擇文檔中的div元素。如果沒有選擇器參數(shù)，該語句將使 jQuerydiv從文檔中完全刪除元素。

但是，選擇器參數(shù).example隨后指定在所有已選擇的批次中，只有具有指定類的元素將被刪除。這意味著我們不只是讓 jQuery 刪除div它找到的元素，而是過濾匹配并只刪除其中的一部分。

該方法的此功能允許您非常具體地確定要?jiǎng)h除的元素。因此，該功能相當(dāng)靈活。

jQuery 移除元素：總結(jié)

使用 jQuery 刪除元素比使用純 JavaScript 更快、更方便。

通過使用jQuery 刪除元素，您可以刪除所選元素及其子項(xiàng)，也可以僅刪除其子項(xiàng)。