jQuery操作dom节点empty()方法

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电脑。

jquery中dom节点操作方法empty和remove的区别:在JQuery库进行dom操作中,删除的方法有remove()和empty(),它们虽都可以删除dom节点元素,但是empty方法只是用于清空当前元素中的内容,不会删除包含自身 ...