品易云推流 关闭
文章详情页
文章 > JavaScript > jQuery操作dom节点empty()方法

jQuery操作dom节点empty()方法

js jQuery DOM

头像

宋雪维

2021-03-31 16:11:422835浏览 · 0收藏 · 0评论

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

1、empty()方法

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

2、语法格式

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

3、参数

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

4、返回值

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

5、使用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>

以上就是JavaScript库中使用empty()方法清空dom节点元素的过程,是不是比在JavaScript方便些,快尝试看看吧~更多JavaScript学习推荐:JavaScript教程

推荐操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图