• 技术文章 >Web开发 >JavaScript

    jQuery操作dom节点empty()方法

    宋雪维宋雪维2021-03-31 16:11:42原创2381

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

    专题推荐:js jquery dom empty
    上一篇:jQuery如何使用remove()方法删除dom节点 下一篇:jquery中dom节点操作方法empty和remove的区别

    相关文章推荐

    • 新手学习python2还是python3?详细区别讲解• python中的Where函数怎么用?• python中Rank函数怎么用?

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网