ドキュメント

Manipulation/empty

From jQuery JavaScript Library

Jump to: navigation, search

« Back to Manipulation

empty( )

Remove all child nodes from the set of matched elements.
Note that this function starting with 1.2.2 will also remove all event handlers and internally cached data.
Examples:

Removes all child nodes (including text nodes) from all paragraphs

    $("button").click(function () {
      $("p").empty();
    });

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  
  <script>
  $(document).ready(function(){
    
    $("button").click(function () {
      $("p").empty();
    });

  });
  </script>
  <style>
  p { background:yellow; }
  </style>
</head>
<body>
  <p>
    Hello, <span>Person</span> <a href="javascript:;">and person</a>
  </p>
  <button>Call empty() on above paragraph</button>
</body>
</html>

NameType