選單
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

jQuery - 刪除元素


使用 jQuery,可以輕鬆刪除現有的 HTML 元素。


刪除元素/內容

要刪除元素和內容,主要有兩種 jQuery 方法

  • remove() - 刪除選定的元素(及其子元素)
  • empty() - 刪除選定元素的子元素

jQuery remove() 方法

jQuery 的 remove() 方法會刪除選定的元素(及其子元素)。

示例

$("#div1").remove();
自己動手試一試 »

jQuery empty() 方法

jQuery 的 empty() 方法會刪除選定元素的子元素。

示例

$("#div1").empty();
自己動手試一試 »


過濾要刪除的元素

jQuery 的 remove() 方法還可以接受一個引數,該引數允許您過濾要刪除的元素。

該引數可以是任何 jQuery 選擇器語法。

以下示例將刪除所有帶有 class="test" 的 <p> 元素:  

示例

$("p").remove(".test");
自己動手試一試 »

此示例將刪除所有帶有 class="test"class="demo" 的 <p> 元素:  

示例

$("p").remove(".test, .demo");
自己動手試一試 »

jQuery 練習

透過練習來測試自己

練習

使用 jQuery 方法 **刪除** 一個 <div> 元素。

$("div").();

開始練習


jQuery HTML 參考

要檢視所有 jQuery HTML 方法的完整概述,請訪問我們的 jQuery HTML/CSS 參考


×

聯絡銷售

如果您想將 W3Schools 服務用於教育機構、團隊或企業,請傳送電子郵件給我們
sales@w3schools.com

報告錯誤

如果您想報告錯誤,或想提出建議,請傳送電子郵件給我們
help@w3schools.com

W3Schools 經過最佳化,旨在方便學習和培訓。示例可能經過簡化,以提高閱讀和學習體驗。教程、參考資料和示例會不斷審查,以避免錯誤,但我們無法保證所有內容的完全正確性。使用 W3Schools 即表示您已閱讀並接受我們的使用條款Cookie 和隱私政策

版權所有 1999-2024 Refsnes Data。保留所有權利。W3Schools 由 W3.CSS 提供支援