jQuery 之删除元素（九）

分手后的思念是犯贱 2022-09-23 13:51 183阅读 0赞

通过 jQuery，可以很容易地删除已有的 HTML 元素。

删除元素/内容

如需删除元素和内容，一般可使用以下两个 jQuery 方法：

remove() - 删除被选元素（及其子元素）

empty() - 从被选元素中删除子元素

==================================================

**jQuery remove() 方法**

jQuery remove() 方法删除被选元素及其子元素。

实例

$("\#div1").remove();

==================================================

**jQuery empty() 方法**

jQuery empty() 方法删除被选元素的子元素。

实例

$("\#div1").empty();

==================================================

**过滤被删除的元素**

jQuery remove() 方法也可接受一个参数，允许您对被删元素进行过滤。

该参数可以是任何 jQuery 选择器的语法。

下面的例子删除 class="italic" 的所有 <p> 元素：

实例

<!DOCTYPE html>
    <html>
    <head>
    <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
    </script>
    <script>
    $(document).ready(function(){
      $("button").click(function(){
        $("p").remove(".italic");
      });
    });
    </script>
    </head>
    <body>
    <p>This is a paragraph in the div.</p>
    <p class="italic"><i>This is another paragraph in the div.</i></p>
    <p class="italic"><i>This is another paragraph in the div.</i></p>
    <button>Remove all p elements with class="italic"</button>
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，183人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery - 删除元素

通过 jQuery，可以很容易地删除已有的 HTML 元素。 -------------------- 删除元素/内容如需删除元素和内容，一般可使用以下两个 jQu

Love The Way You Lie/ 2024年03月16日 10:46/ 0 赞/ 50 阅读

相关 jQuery - 删除元素

通过 jQuery，可以很容易地删除已有的 HTML 元素。 -------------------- 删除元素/内容如需删除元素和内容，一般可使用以下两个 jQu

蔚落/ 2024年03月16日 10:19/ 0 赞/ 109 阅读

相关 jQuery 学习-样式篇（九）：jQuery 存储和删除元素私有数据的方法

> 推荐阅读 > > Helm3（K8S 资源对象管理工具）视频教程：[https://edu.csdn.net/course/detail/32506][https_

川长思鸟来/ 2023年01月02日 06:29/ 0 赞/ 179 阅读

相关 jQuery 之删除元素（九）

通过 jQuery，可以很容易地删除已有的 HTML 元素。删除元素/内容如需删除元素和内容，一般可使用以下两个 jQuery 方法： remove() - 删除被选

分手后的思念是犯贱/ 2022年09月23日 13:51/ 0 赞/ 184 阅读

相关 jQuery HTML之捕获、设置、元素添加、元素删除

一、jQuery:捕获HTML 1.1 jQuery - 获取内容和属性获得内容 - text()、html() 以及 val() 三个简单实用的用于 DOM

墨蓝/ 2022年06月14日 10:09/ 0 赞/ 294 阅读

相关 jquery 删除元素remove，empty

通过 jQuery，可以很容易地删除已有的 HTML 元素。 -------------------- 删除元素/内容如需删除元素和内容，一般可使用以下两个 jQu

秒速五厘米/ 2022年05月23日 12:44/ 0 赞/ 226 阅读

相关 jQuery之删除元素

任务描述本关任务：用jQuery删除元素。效果如下： ![206616][] 相关知识为了完成本关任务，你需要掌握：1.`remove()`，2.`empty

谁借莪１个温暖的怀抱￠/ 2022年04月05日 04:28/ 0 赞/ 309 阅读

相关 Jquery元素追加和删除

介绍 DOM是Document Object Modeule的缩写，一般来说，DOM操作分成3个方面。 1、DOM Core DOM Core并不专属于javasc

ゞ浴缸里的玫瑰/ 2022年01月07日 00:41/ 0 赞/ 295 阅读

相关 jQuery - 删除元素

删除元素/内容如需删除元素和内容，一般可使用以下两个 jQuery 方法： remove() - 删除被选元素（及其子元素） empty() - 从被选元

- 日理万妓/ 2021年09月15日 07:46/ 0 赞/ 487 阅读

相关 JQuery添加删除元素

JQuery提供了添加元素的四种方法： append() - 在被选元素内部的结尾插入指定内容 prepend() - 在被选元素内部的开头插入指定内容 after()

末蓝、/ 2021年09月14日 02:44/ 0 赞/ 573 阅读