.detach ([selector])

설명 : 일치하는 요소 세트를 DOM에서 제거하십시오.

.detach ([selector])

선택자

유형 : 선택기

제거 할 일치하는 요소 집합을 필터링하는 selector 식입니다.

이 .detach()메소드는 제거 된 요소와 관련된 모든 jQuery 데이터 .remove()를 .detach()유지 한다는 점을 제외하고 는 동일 합니다. 이 메소드는 나중에 제거 된 요소가 DOM에 다시 삽입 될 때 유용합니다.

예:

DOM에서 모든 단락 분리

<!doctype html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <title>detach demo</title>

  <style>

  p {

    background: yellow;

    margin: 6px 0;

  }

  p.off {

    background: black;

  }

  </style>

  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>

</head>

<body>

<p>Hello</p>

how are

<p>you?</p>

<button>Attach/detach paragraphs</button>

<script>

$( "p" ).click(function() {

  $( this ).toggleClass( "off" );

});

var p;

$( "button" ).click(function() {

  if ( p ) {

    p.appendTo( "body" );

    p = null;

  } else {

    p = $( "p" ).detach();

  }

});

</script>

</body>

</html>