在jquery中,可以使用empty()方法来删除指定元素的所有子元素,语法格式“$(selector).empty()”;empty()方法可以移除被选元素的所有子节点和内容,但不会移除元素本身或它的属性。
我们知道可以利有jQuery中的detach()方法和jQuery中的remove()方法删除指定的或是匹配的元素,也可以使用removeClass()方法以及removeAttr()方法删除指定或是匹配元素的类或是属性。那么如何只删除删除指定或匹配的元素内的子元素和节点,不删除元素本身呢?下面给大家介绍一下。
jQuery中empty()方法的解释
empty() 方法移除被选元素的所有子节点和内容。该方法不会移除元素本身,或它的属性。【相关推荐:《jQuery视频》】
语法:
$(selector).empty()
登录后复制
举个大大的“例”字
利用jQuery中的empty()方法移去DIV中的所有内容
HTML代码
这里是P标签内容
这里是第二个P标签的内容
登录后复制
JQ代码
$('#button').click(function(){ $("#mochu").empty();})
登录后复制
结果图示
审核源码如下图所示
通过上图我们可以发现,ID为mochu的p标签,里面的P标签和内容都已被删除!
更多编程相关知识,请访问:编程教学!!
以上就是jquery可以删除所有的子元素吗?的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2723318.html