JQ-empty和remove

最新推荐文章于 2022-11-18 14:01:47 发布

jiangfeng666

最新推荐文章于 2022-11-18 14:01:47 发布

阅读量341

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/jiangfeng666/article/details/51720934

本文通过两个简单的示例介绍了jQuery中empty()与remove()方法的区别：empty()用于清空元素的内容但保留DOM结构，而remove()则直接从DOM中移除元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JQ-empty和remove</title>
<script src="jquery.min.js" type="text/javascript"></script>
<style>
.a{
    width:100px;
    height:100px;
    border:1px solid #F00;
    }
</style>
</head>

<body>
<P class="a" id="pem">清空我！清空内容，保留dom</P>
<input name="" type="button" value="点击清空" id="em" />
<P class="a" id="prem">移除我！直接移除dom节点</P>
<input name="" type="button" value="点击移除" id="rem" />
<script>
    $("#em").click(function(){
        $("#pem").empty();
        });
    $("#rem").click(function(){
        $("#prem").remove();
        });
</script>
</body>
</html>