jquery empty()方法

最新推荐文章于 2024-01-04 15:02:05 发布

转载最新推荐文章于 2024-01-04 15:02:05 发布 · 367 阅读

文章标签：

#javascript #ViewUI

本文介绍如何使用jQuery的empty()方法来清空指定元素的所有内容，包括文本和子节点，并提供了一个实例，演示了点击按钮后如何清除一个段落的所有内容。

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


empty() 方法从被选元素移除所有内容，包括所有文本和子节点。

$(selector).empty()

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.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>

测试链接： http://www.w3school.com.cn/tiy/t.asp?f=jquery_manipulation_empty_style

关注博主即可阅读全文