菜单
×
   ❮     
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 提供支持