DOM节点删除 empty()的基本用法

最新推荐文章于 2020-05-30 10:01:08 发布
最新推荐文章于 2020-05-30 10:01:08 发布
阅读量272 收藏
点赞数
分类专栏： 前端 文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43742368/article/details/106357432
版权 
<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="../jquery-1.10.2.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
        $(".aa").on('click', function(){
			$(".aa").empty();//删除aa下的所有元素
		})	
   });    
    </script>
    <style>
   		.aa{
			width:150px;
			height:150px;
			margin:10px;
			background-color:red;
			}
		.bb{
			width:150px;
			height:150px;
			margin:10px;
			background-color:green;
			}
    </style>
</head>
<body>
<div class="aa">
	<span>大姑娘</span>
	<span>小姑娘</span>
</div>   
</body>
</html>

点击前
在这里插入图片描述
点击后
在这里插入图片描述

♕时光以北暮南城
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
DOM节点删除之empty()的基本用法
qq_37036642的博客
08-02 701
empty 顾名思义，清空方法，但是与删除又有点不一样，因为它只移除了 指定元素中的所有子节点。 这个方法不仅移除子元素（和其他后代元素），同样移除元素里的文本。因为，根据说明，元素里任何文本字符串都被看做是该元素的子节点。请看下面的HTML： 慕课网 如果我们通过empty方法移除里面div的所有元素，它只是清空内部的html代码，但是标记仍然留在DOM中 //通过e
jQuery中DOM节点的删除方法总结（超全面）
10-20
主要介绍了jQuery中DOM节点的删除方法,文中介绍的很相信，内容包括empty()的基本用法、remove()的有参用法和无参用法、empty和remove区别、保留数据的删除操作detach()以及detach()和remove()区别，需要的朋友可以...
DOM——节点删除.empty()、remove()和.detach()
weixin_34208185的博客
11-12 202
节点删除.empty()、remove()和.detach() 1 empty清空方法，与删除不一样，只移除了指定元素中的所有子节点，不仅移除子元素（和其他后代元素），同样移除元素里的文本，如<div class="hello"><p>慕课网</p></div> 2 通过empty方法移...
JQuery (DOM节点的删除 empty() 、remove())
21号先锋者
02-05 431
@{ Layout = null; } &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta name="viewport" content="width=device-width" /&gt; &lt;title&gt;ChapterThreeDelete&lt;/title&gt
DOM节点删除之empty和remove
u011277123的博客
01-18 675
达人科技 2017-01-15 11:48 刚学了新知识，虽然是一个小知识点，但还是忍不住想和大家分享。 .empty是指对该节点后代的删除，结果是清空该节点（该节点里面已无元素）。 .remove是指删除该节点，结果是删除该节点(该节点及其后代元素都将不存在)。 下面放代码来说明。 body{ background: #ffe5aa; } #test1{ width:
jQuery实现节点的追加、替换、删除、复制功能示例
10-19
主要介绍了jQuery实现节点的追加、替换、删除、复制功能,结合具体实例形式分析了jQuery针对DOM节点的操作技巧,涉及append()、prepend()、replaceAll()、replaceWith()empty()、remove()、clone()、clone()等方法的...
js中使用DOM复制（克隆）指定节点名数据到新的XML文件中的代码.docx
01-21
这个函数使用 `DOMDocument` 对象来载入源 XML 文件，并使用 `getElementsByTagName` 方法来获取指定节点名的节点列表。然后，它使用 `cloneNode` 方法来克隆每个节点，并将其追加到新的 XML 文件中。如果指定了属性...
jQuery插入节点1
08-08
* `remove()` 方法从 DOM 中删除所有匹配的元素，并返回一个指向已被删除节点的引用。 * `empty()` 方法清空节点，清空元素中的所有后代节点（不包括属性节点）。 克隆节点 克隆节点是指创建一个节点的副本。 ...
Javascript删除HTML下节点
wangxiandou的博客
05-28 1916
JS删除HTML下节点 Javascript删除ID为qrcode的节点 var code = document.getElementById("qrcode"); code.parentNode.removeNode(element); Javascrip删除类名(Class Name)为qrcode的节点 var code = document.getElementsByClassN...
DOM节点empty和remove的区别
Smell_rookie的博客
05-30 383
empty方法严格地讲，empty()方法并不是删除节点，而是清空节点，它能清空元素中的所有后代节点empty不能删除自己本身这个节点remove方法该节点与该节点所包含的所有后代节点将同时被删除提供传递一个筛选的表达式，删除指定合集中的元素举个例子：$("#bt1").on('click', function() {        //删除了ID为test下的元素        $("#test...
[JS][jQuery]清空元素html("")、innerHTML="" 与 empty()的区别：关于内容泄露问题
热门推荐
王德封-逐浪
11-05 5万+
清空元素html("")、innerHTML="" 与 empty()的区别 一、清空元素的区别      1、错误做法一：            $("#test").html("");//该做法会导致内存泄露 2、错误做法二：            $("#test")[0].innerHTML="";  ;//该做法会导致内存泄露 3、正确做法：
jquery之empty()与remove()区别
weixin_33729196的博客
06-10 346
要用到移除指定元素的时候，发现empty()与remove([expr])都可以用来实现。可仔细观察效果的话就可以发现。empty()是只移除了 指定元素中的所有子节点，拿$("p").empty()来说，他只是把&lt;p&gt;dsfsd&lt;/p&gt;中的文本给移除了，而留下 了&lt;p&gt;&lt;/p&gt;,仍保留其在dom中所占的位置。remove([expr])则是把其从d...
js中的empty()和remove()的区别
albert的专栏
08-26 4万+
有时需要修改js中select标签中的值，但是当将标签写成如下时，会发现js貌似没有器作用 请选择 js中的代码如下： $("#type").val(str1) 修改的方法就是首先执行$("#type").empty()，再执行$("#type").val(str1) empty()方法是将标签option中的值置成空就是将标签变成 这样再给select
JavaScript操作DOM
brahmsjiang的专栏
12-24 442
DOM 可以理解成文档（HTML 文档、XML 文档）的编程接口。 DOM 不属于 JavaScript，但是操作 DOM 是JS最常见的任务，而JS也是最常用于 DOM 操作的语言。 获取DOM对象 以tagid获取 document.getElementById("my_div").style.height="100px"; 以tagname获取 document.getEleme
document.selection 的 empty() 与 clear() 特殊用法
jackleechina2011212的博客
09-01 2759
ocument.selection.empty() 让选中的内容不选中； document.selection.clear() 删除选中的内容。 很好理解，也很好区分，这里讲的是一个非凡用法。 document.getElementById("content").focus(); var r = document.selection.createRange(); document.selectio...
remove()和empty()方法删除DOM元素
XCMercy
07-04 1340
示例 &lt;div class="box1"&gt; &lt;h3&gt;I'm h3 element.&lt;/h1&gt; I'm text. &lt;p&gt;A&lt;/p&gt; &lt;p&gt;B&lt;/p&gt; &lt;p class="del-flag"&gt;C&
jq mousedown和mouseup
qq_43742368的博客
05-30 2450
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> //当鼠标指针移动到元素上方，并按下鼠标左键时，会发生 mousedown 事件。
删除DOM节点 DOM节点绑定的事件会被移除吗
最新发布
07-15
为了彻底移除 DOM 节点上的事件监听器，你需要手动使用 `removeEventListener` 方法来解绑事件。以下是一个示例： ```javascript var myElement = document.getElementById('myElement'); // 添加事件监听器 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值