• 技术文章 >web前端 >js教程

    jquery可以删除所有的子元素吗?

    青灯夜游青灯夜游2020-11-19 13:44:40原创65

    在jquery中,可以使用empty()方法来删除指定元素的所有子元素,语法格式“$(selector).empty()”;empty()方法可以移除被选元素的所有子节点和内容,但不会移除元素本身或它的属性。

    我们知道可以利有jQuery中的detach()方法和jQuery中的remove()方法删除指定的或是匹配的元素,也可以使用removeClass()方法以及removeAttr()方法删除指定或是匹配元素的类或是属性。那么如何只删除删除指定或匹配的元素内的子元素和节点,不删除元素本身呢?下面给大家介绍一下。

    jQuery中empty()方法的解释

    empty() 方法移除被选元素的所有子节点和内容。该方法不会移除元素本身,或它的属性。【相关推荐:《jQuery视频》】

    语法:

    $(selector).empty()

    举个大大的“例”字

    利用jQuery中的empty()方法移去DIV中的所有内容

    1.jpg

    HTML代码

    <p id="mochu">
      <p>这里是P标签内容</p>
      <p>这里是第二个P标签的内容</p>
    </p>

    JQ代码

    $('#button').click(function(){
      $("#mochu").empty();
    })

    结果图示

    审核源码如下图所示

    2.jpg

    通过上图我们可以发现,ID为mochu的p标签,里面的P标签和内容都已被删除!

    更多编程相关知识,请访问:编程教学!!

    以上就是jquery可以删除所有的子元素吗?的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:jquery 删除元素
    上一篇:JQuery trim()函数怎么用 下一篇:jquery如何添加节点?
    第14期线上培训班

    相关文章推荐

    • jquery如何进行字母大小写转换?• jquery怎么获取html元素的内容?• 浅谈jQuery中$.extend()的使用方法• jquery怎么判断滚动条是否存在• jquery和React的区别是什么?

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网