jQuery删除元素remove()、分离()和空()的对比分析

  介绍

小编给大家分享一下jQuery删除元素删除()、分离()和空()的对比分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

在jQuery中删除元素和内容的方式有3种,分别为:删除()方法,分离()方法和空()方法。下面本篇文章就来给大家介绍这3种方法是如何删除元素的,删除()方法,分离()方法和空()方法之间的区别是什么。 jQuery删除元素删除()、分离()和空()的对比分析

<强> jQuery,删除()方法

删除()方法用于删除所选元素,包括其中的所有文本和子节点元素。

下面通过代码示例来了解一下删除()方法是如何删除元素的。

& lt; !DOCTYPE html>   & lt; html>   & lt;元charset=癠TF-8"祝辞   & lt; head>   & lt; title> jQuery remove()方法& lt;/title>   & lt; style>   #{演示   填充:10 px;   边界:1 px固体红;   }   & lt;/style>   & lt;/head>   & lt; body>   & lt; h2风格=把丈?红色,“祝辞& lt;/h2>   & lt; div id=癲emo"祝辞   & lt; h3>使用remove()方法删除! & lt;/h3>   & lt; p>测试文本! & lt;/p>   & lt;/div>   & lt; br>   & lt; button>删除& lt;/button>   & lt;脚本src=https://www.yisu.com/zixun/" js/jquery.min.js ">   <脚本>   $(文档)时函数(){   $("按钮").click(函数(){   $(" #演示”).remove ();   });   });>   

输出:

在点击删除按钮前:

 jQuery删除元素删除()、分离()和空()的对比分析

点击删除按钮后:

 jQuery删除元素删除()、分离()和空()的对比分析

分离()方法用于删除所选元素,包括其中的所有文本和子节点元素。

& lt;脚本src=https://www.yisu.com/zixun/" js/jquery.min.js ">   <脚本>   $(文档)时函数(){   $("按钮").click(函数(){   $(" #演示”).detach ();   });   });   

输出:

在点击删除按钮前:

 jQuery删除元素删除()、分离()和空()的对比分析

点击删除按钮后:

 jQuery删除元素删除()、分离()和空()的对比分析

删除()和分离()方法都是把所选元素及其里面的所以内容全部删除,但删除()方法只会保留元素本身,不会保留元素的jQuery数据,比如:绑定的事件,数据都会被移除。

而,分离()方法除了保留元素本身,所有绑定的事件,附加的数据等也都会被保留下来。

空()方法用于从所选元素中删除其包含的所以内容,包括所有文本和子元素。

下面通过代码示例来了解一下空()方法是如何删除元素的。

& lt;脚本src=https://www.yisu.com/zixun/" js/jquery.min.js ">   <脚本>   $(文档)时函数(){   $("按钮").click(函数(){   $(" #演示”)空虚();   });   });   

输出:

在点击删除按钮前:

 jQuery删除元素删除()、分离()和空()的对比分析

点击删除按钮后:

 jQuery删除元素删除()、分离()和空()的对比分析

<强>说明:

空()方法只会删除所选元素内的所有内容,但所选元素本身不会被删除。

以上是jQuery删除元素删除()、分离()和空()的对比分析的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

jQuery删除元素remove()、分离()和空()的对比分析