jQuery 文档操作 - empty() 方法

实例

移除 p 元素的内容:

  1. $(".btn1").click(function(){
  2. $("p").empty();
  3. });

定义和用法

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

语法

  1. $(selector).empty()

实例

移除元素的内容

使用 empty() 方法从元素移除内容。

  1. <html>
  2. <head>
  3. <script type="text/javascript" src="/jquery/jquery.js"></script>
  4. <script type="text/javascript">
  5. $(document).ready(function(){
  6. $(".btn1").click(function(){
  7. $("p").empty();
  8. });
  9. });
  10. </script>
  11. </head>
  12. <body>
  13. <p style="width:200px;height:200px;background-color:yellow">This is a paragraph. <b>Bold</b> and <i>italic</i> text.</p>
  14. <button class="btn1">删除 p 元素的内容</button>
  15. </body>
  16. </html>