js中dom节点删除remove方法
宋雪维
2021-03-08 10:10:215776浏览 · 0收藏 · 0评论
本文教程操作环境：windows7系统、jquery3.2.1版本，DELL G3电脑。
1、remove方法
将元素自身移除，同时也会移除元素内部的一切，包括绑定的事件及与该元素相关的jQuery数据。
绑定的事件是否同时被移除，删除自身（无参数时），有参数时要根据参数所涉及的范围决定。
2、使用语法
strong.remove()
3、使用参数
选择器表达式，比如remove(“.class”);remove(“#id”);remove(“tag”):
4、使用实例
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title></title>
<script src="../jquery-1.10.2.min.js"></script>
<script type="text/javascript">
remove方法：
1.该节点与该节点所包含的所有后代节点将同时被删除
2.提供传递一个筛选的表达式，删除指定合集中的元素*/
$(document).ready(function() {
$(".aa").on('click', function(){
$(".aa").remove();//删除整个div块及元素
})
$(".bb").on('click', function(){
$("span").remove(":contains('阿姨')");//删除所内容中有含有“阿姨”的span
})
});
</script>通过remove方法可以删除dom节点内部所有元素，而且remove内部会自动操作事件销毁方法，所以使用使用起来非常简单哦~更多JavaScript学习推荐：JavaScript教程。
关注公众号，随时随地在线学习
分享到微博
微信扫一扫
流芳
7999
