jQuery 文档操作 - empty() 方法 概述
jQuery 2022-06-01 15:24:18小码哥的IT人生shichen
jQuery 文档操作 - empty() 方法
实例
移除 p 元素的内容：
$(".btn1").click(function(){
$("p").empty();
});
完整实例：
<html>
<head>
<script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").detach();
});
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button>删除 p 元素</button>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
empty() 方法从被选元素移除所有内容，包括所有文本和子节点。
语法
$(selector).empty()亲自试一试 - 实例
完整实例【移除元素的内容】：
<html>
<head>
<script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("p").empty();
});
});
</script>
</head>
<body>
<p style="width:200px;height:200px;background-color:yellow">This is a paragraph. <b>Bold</b> and <i>italic</i> text.</p>
<button class="btn1">删除 p 元素的内容</button>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
使用 empty() 方法从元素移除内容。
