.remove() : 将匹配元素集合从DOM中删除。（注：同时移除元素上的事件及 jQuery 数据。） - jQuery API 中文文档

link管理

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

刚毅的酱牛肉 · ［WPF／UWP］ListView内のTex ...· 5 小时前 ·

暴走的小熊猫 · C#:ImportingConstructo ...· 11 小时前 ·

苦恼的羊肉串 · WPF路由事件二：路由事件的三种策略 - ...· 21 小时前 ·

高大的豌豆 · XAML 资源概述 - WPF .NET ...· 21 小时前 ·

有胆有识的酸菜鱼 · 【WPF学习】第五十八章 ...· 21 小时前 ·

豁达的针织衫 · JS uint8Array转string ...· 2 月前 ·

爱跑步的长颈鹿 · oracle异常处理 - 程序员晓凡 - 博客园· 4 月前 ·

打篮球的匕首 · 文广旅体相关行业税费政策汇编_通知公告_江门 ...· 5 月前 ·

果断的单杠 · Why Being a ...· 5 月前 ·

直爽的小摩托 · 星海镖师漫画免费 - 星海镖师漫画 - ...· 1 年前 ·

和 .empty() 相似。 .remove() 将元素移出DOM。当我们想将元素自身移除时我们用 .remove() ，同时也会移除元素内部的一切，包括绑定的事件及与该元素相关的jQuery数据。要删除的元素不删除数据和事件的情况下，使用 .detach() 来代替。

请看下面的HTML:

<!DOCTYPE html>
<html>
<head>
  <style>p { background:yellow; margin:6px 0; }</style>
  <script src="https://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <p>Hello</p>
  how are
  <p>you?</p>
  <button>Call remove() on paragraphs</button>
<script>
$("button").click(function () {
  $("p").remove();
});
</script>
 
</body>
</html>

<!DOCTYPE html>
<html>
<head>
  <style>p { background:yellow; margin:6px 0; }</style>
  <script src="https://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <p class="hello">Hello</p>
  how are
  <p>you?</p>
 
  <button>Call remove(":contains('Hello')") on paragraphs</button>
<script>
$("button").click(function () {
  $("p").remove(":contains('Hello')");
});
</script>
 
</body>
</html>

推荐文章

刚毅的酱牛肉 · ［WPF／UWP］ListView内のTextBoxがクリックされたときに選択項目を切り替えるには？：.NET TIPS - ＠IT

5 小时前

暴走的小熊猫 · C#:ImportingConstructor特性-CSDN博客

11 小时前

苦恼的羊肉串 · WPF路由事件二：路由事件的三种策略 - .NET开发菜鸟 - 博客园

21 小时前

高大的豌豆 · XAML 资源概述 - WPF .NET | Microsoft Learn

21 小时前

有胆有识的酸菜鱼 · 【WPF学习】第五十八章理解逻辑树和可视化树 - Peter.Luo - 博客园

21 小时前

豁达的针织衫 · JS uint8Array转string | α-LIB

2 月前

爱跑步的长颈鹿 · oracle异常处理 - 程序员晓凡 - 博客园

4 月前

打篮球的匕首 · 文广旅体相关行业税费政策汇编_通知公告_江门市文化广电旅游体育局

5 月前

果断的单杠 · Why Being a Passionate Public Speaker Matters

5 月前

直爽的小摩托 · 星海镖师漫画免费 - 星海镖师漫画 - 漫画在线全集免费阅读 - 腾讯动漫

1 年前