jQuery操作dom节点empty()方法

最新推荐文章于 2023-09-05 05:00:00 发布

jayues_lies

最新推荐文章于 2023-09-05 05:00:00 发布

阅读量256

点赞数 1

分类专栏：编程学习 JAVA基础工作中实际总结文章标签： jquery javascript 前端

本文链接：https://blog.csdn.net/Andrew_Chenwq/article/details/130910304

版权

编程学习同时被 2 个专栏收录

409 篇文章 10 订阅

订阅专栏

JAVA基础工作中实际总结

328 篇文章 7 订阅

订阅专栏

jQuery操作dom节点empty()方法

jQuery作为一个写的少，做的多的库，可以简化JavaScript的操作，例如想要清空dom节点清空元素的内容，而不删除该元素，就可以使用empty()方法处理，可以返回删除当前jQuery对象包含的所有DOM节点。

empty()方法

严格来讲，empty()方法并不是删除节点，而是清除节点，它能清空元素中的所有后代节点。

语法格式

$(selector).empty()
//$(selector)表示要被清空的元素

参数

参数用于根据jQuery 表达式来筛选元素。

返回值

返回删除当前jQuery对象包含的所有DOM节点。

使用empty()方法清空选定元素中的所有后代节点。

<!DOCTYPE html>
<html>
    <head>
	<meta charset="utf-8" />
	<title></title>
	<script src="js/jquery-3.3.1.js"></script>
    </head>
    <body>
	<p><span>I </span><b>Love You.</b></p>
	<script>
	    $("p").empty();
	</script>
    </body>
</html>

优惠劵

jayues_lies

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
jQuery操作dom节点empty()方法

【代码】jQuery操作dom节点empty()方法。
复制链接

扫一扫

专栏目录

jquery之empty()方法详解

weixin_34240657的博客

10-17

1984

empty()函数用于清空每个匹配元素内的所有内容。 empty()函数将会移除每个匹配元素的所有子节点(包括文本节点、注释节点等所有类型的节点)。该函数属于jQuery对象(实例)。语法 jQueryObject.empty( ) 返回值 empty()函数的返回值为jQuery类型，返回当前jQuery对象本身(以便于进行链式风格的编程)。示例&说明 empty(...

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

qq_37036642的博客

08-02

693

empty 顾名思义，清空方法，但是与删除又有点不一样，因为它只移除了指定元素中的所有子节点。这个方法不仅移除子元素（和其他后代元素），同样移除元素里的文本。因为，根据说明，元素里任何文本字符串都被看做是该元素的子节点。请看下面的HTML：慕课网如果我们通过empty方法移除里面div的所有元素，它只是清空内部的html代码，但是标记仍然留在DOM中 //通过e

参与评论您还未登录，请先登录后发表或查看评论

php的empty方法怎么用js写,jQuery.empty() 函数用法详解

weixin_33733806的博客

04-03

473

empty()函数用于清空每个匹配元素内的所有内容。empty()函数将会移除每个匹配元素的所有子节点(包括文本节点、注释节点等所有类型的节点)。该函数属于jQuery对象(实例)。语法jQueryObject.empty( )返回值empty()函数的返回值为jQuery类型，返回当前jQuery对象本身(以便于进行链式风格的编程)。示例&说明empty()函数用于清空每个匹配元素内的所...

JQuery中用empty方法清空指定元素中所有的子元素

Black_Customer的博客

11-11

1511

参考链接：empty()函数注意入学习jquery源码之empty()与返回值remove() 在jquery中，empty方法定义为删除匹配的元素集合中所有的子节点。举个例子： HTML部分： <p><a href="">貨物</a>物品</p> $("p").empty(); 输出的为： &lt...

js中的empty()和remove()的区别

热门推荐

albert的专栏

08-26

4万+

有时需要修改js中select标签中的值，但是当将标签写成如下时，会发现js貌似没有器作用请选择 js中的代码如下： $("#type").val(str1) 修改的方法就是首先执行$("#type").empty()，再执行$("#type").val(str1) empty()方法是将标签option中的值置成空就是将标签变成这样再给select

JS应用小知识：$(‘#content‘).html(‘‘) 与 $(‘#content‘).empty()两种方式清除

╱/.独﹄無㈡oоΟ的博客

02-25

1826

我们在开发中有很多时候需要利用js来对一个dom元素进行清除操作，比如说清除input框中的内容,input绑定的id为 “content”，那么我们会有三种方式进行清除。 js原生方式进行清除 document.getElementById("content").value=""; 其他标签的话是（比如说span标签）：document.getElementById("tagName").innerHTML=""; jquery实现方式 // 第一种方式 $('#content').html('

JS、JQ中remove()、empty

ITBwy的博客

09-14

2344

在JQ中的，要用到移除指定元素的时候，发现empty()与remove([expr])都可以用来实现。可仔细观察效果的话就可以发现。 empty()是只移除了指定元素中的所有子节点，拿$("p").empty()来说，他只是把dsfsd中的文本给移除了，而留下了,仍保留其在dom中所占的位置。 remove([expr])则是把其从dom中删除，而不会保留其所占的位置。例: He

<JavaScript>节点删除(empty()与remove()方法)

weixin_30558305的博客

07-28

554

一：empty()方法删除节点 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <s...

初学JavaScript：数组

lalala_dxf的博客

04-10

963

js中的数组详解

jQuery中DOM节点删除之empty与remove

10-20

DOM节点删除相信对每个初学jQuery的新手们来说都不陌生，下面这篇文章主要介绍了jQuery中DOM节点删除之empty与remove的相关资料，有需要的朋友可以参考借鉴，感兴趣的下面来一起学习学习吧。

JQuery中DOM节点的操作与访问方法实例分析

01-19

本文实例讲述了JQuery中DOM节点的操作与访问方法。分享给大家供大家参考，具体如下： Jquery中DOM节点的操作已有对象.append(要添加的对象) 作为最后一个子元素添加要添加的对象.appendTo(已有对象) ...

jQuery DOM删除节点操作指南

10-24

本章节主要介绍了jQuery中dom操作的三种删除节点的方法，即remove()，detach()和empty()，并附上示例代码，非常实用，这里推荐给小伙伴们。

jQuery的DOM操作之删除节点示例

10-26

如果文档中某一个元素多余，那么应将其删除。jQuery提供了两种删除节点的方法，remove()方法和empty()方法下面为大家详细介绍下

Consider defining a bean of type问题解决

最新发布

Andrew_Chenwq的博客

09-05

3万+

会有一些包你明明@Autowired 但是还是找不到什么bean 导致你项目启动不了解决方法一: 这个问题主要是因为项目拆包后，在原有的引用项目中无法找到对应的包的路径。在项目的Application启动文件里，使用@MapperScan注解，把当前的路径引用进去就可以了解决方法二: 在相应的 @Autowired(required = false) 如下。所以，解决方法是让原来引用的项目可以找到资源的路径就可以了。明白真正靠得住的只有自己。

完美解决Column ‘xxx‘ in field list is ambiguous问题

Andrew_Chenwq的博客

03-06

9314

通过如上的·mysql语句可得，application_apply表关联user表，但 application_apply表中存在id字段，而user表中也存在id字段。但如上mysql语句，并没有说明id字段是哪张表中的，因而mysql认为这个id字段是不明确的。将Column 'id' in field list is ambiguous翻译成中文就是字段列表中的列id不明确。我们在解决问题之前，首先要分析问题。做到知其然，知其所以然，这样才能有所成长，进而避坑。既然知道问题的原因，我们便可如下修改。

net::err_aborted 错误码 404

Andrew_Chenwq的博客

05-26

6721

一般来说，在jsp中引入js、css时就可能会出现net::ERR_ABORTED 404（即Not Found）错误，即前端报错，解决方式也有两种比较常见的方式。

java初入职场在工作中注意

Andrew_Chenwq的博客

11-09

5850

java小白在工作中注意解决问题能力解决问题能力往往是最重要的，能否解决问题往往决定你是否能在公司待下去，下面介绍一下面对问题如何解决注意细节遇到错误不要惊慌，手足无措，不知道从什么地方开始解决问题，看着爆红一脸懵逼，首先我们要尽可能的缩小错误区间，只有范围越小越容易定位到我们的问题接口报错，我们从接口的信息向我们的代码去推，估算出我们错误位置但是解决问题的步骤是相反的，我们要从数据库开始进行排错，再看代码逻辑以及是否写的有问题，一定要非常注意细节，出错往往在细节上比如数据库信息错误，si

简述POST和GET传输的最大容量分别是多少?底层原理是什么？

Andrew_Chenwq的博客

05-29

4552

简述POST和GET传输的最大容量分别是多少?底层原理是什么？简介 POST和GET是HTTP协议中常用的两种请求方式。它们在传输数据时有一定的限制，具体如下 GET传输的最大容量通常是不超过2048个字符（即2KB），这是由于GET请求将参数信息以查询字符串的形式放在URL后面，URL长度的限制导致了GET请求传输数据的容量受限。 POST传输的最大容量通常没有限制，但是在实际使用中，受到网络带宽和服务器处理能力等因素的限制，一般也不会发送太大的数据。同时，HTTP协议也没有规定POST请求的传输数据

遍历同辈节点的方法_JQuery遍历DOM节点的方法

05-26

在 jQuery 中，可以使用以下方法来遍历同辈节点： 1. `next()`：返回当前元素的下一个同辈元素。 2. `prev()`：返回当前元素的上一个同辈元素。 3. `nextAll()`：返回当前元素之后所有的同辈元素。 4. `prevAll()`：返回当前元素之前所有的同辈元素。 5. `siblings()`：返回当前元素的所有同辈元素。例如，如果要遍历某个元素的所有同辈元素，可以使用以下代码： ``` $(selector).siblings().each(function() { // 遍历每个同辈元素 }); ``` 其中，`selector` 是要遍历的元素的选择器。在遍历时，可以通过回调函数来处理每个同辈元素。

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

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交