jquery中如何使用remove()方法删除元素
宋雪维
2021-01-26 09:50:463431浏览 · 0收藏 · 0评论
jquery中除了empty()方法可以删除元素，还可以使用remove()方法删除元素，remove()方法与empty()方法有些不同，remove()方法是删除JQuery对象对应的DOM节点，并不是DOM对象的所有子节点。本文向大家介绍jquery中使用remove()方法删除元素的过程。
remove()方法
1、用于移除被选元素，包括所有的文本和子节点。
2、也会移除被选元素的数据和事件。
3、删除JQuery对象对应的DOM节点，每删除一个节点，其索引会变化。可以在删除索引后，改变循环的值，使用jQuery的remove方法直接删除节点。
使用语法
$(selector).remove()
使用remove()方法删除元素实例
<script>
$(document).ready(function(){
$("button").click(function(){
$("#div1").remove();
});
});
</script>
</head>
<body>
<div id="div1" style="height:40px;width:300px;border:1px solid black;background-color:yellow;">
你的梦想会随之你的年龄慢慢消失</p></div>
<button>移除div元素</button>以上就是jquery中使用remove()方法删除元素的介绍，一定要记住remove()方法不会保留元素的 jQuery 数据哦~更多JavaScript学习推荐：JavaScript教程。
关注公众号，随时随地在线学习
分享到微博
微信扫一扫
流芳
7996
