怎么在jQuery中使用empty()操作dom节点

怎么在jQuery中使用empty()操作dom节点?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

jquery是什么

jquery是一个简洁而快速的JavaScript库,它具有独特的链式语法和短小清晰的多功能接口、高效灵活的css选择器,并且可对CSS选择器进行扩展、拥有便捷的插件扩展机制和丰富的插件,是继Prototype之后又一个优秀的JavaScript代码库,能够用于简化事件处理、HTML文档遍历、Ajax交互和动画,以便快速开发网站。

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>

看完上述内容,你们掌握怎么在jQuery中使用empty()操作dom节点的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注行业资讯频道,感谢各位的阅读!