jQuery 文档操作 - remove() 方法

实例

移除所有 <p> 元素：

  1. $("button").click(function(){
  2.   $("p").remove();
  3. });

定义和用法

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

该方法不会把匹配的元素从 jQuery 对象中删除，因而可以在将来再使用这些匹配的元素。

但除了这个元素本身得以保留之外，remove() 不会保留元素的 jQuery 数据。其他的比如绑定的事件、附加的数据等都会被移除。这一点与 detach() 不同。

语法

  1. $(selector).remove()

实例

移动元素

使用 remove() 方法来移动元素。 

  1. <html>
  2. <head>
  3. <script type="text/javascript" src="/jquery/jquery.js"></script>
  4. <script type="text/javascript">
  5. $(document).ready(function(){
  6.   $("button").click(function(){
  7.     $("body").append($("p").remove());
  8.   });
  9. });
  10. </script>
  11. </head>
  12. <body>
  13. <p>This is a paragraph.</p>
  14. <button>移动 p 元素</button>
  15. </body>
  16. </html>