首页 > web前端 > js教程 > jquery可以删除所有的子元素吗?

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

青灯夜游
发布: 2020-11-19 13:44:40
原创
3355 人浏览过

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

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

我们知道可以利有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代码

$(&#39;#button&#39;).click(function(){
  $("#mochu").empty();
})
登录后复制

结果图示

审核源码如下图所示

2.jpg

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

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

以上是jquery可以删除所有的子元素吗?的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板