테스트 사이트 - 개발 중인 베타 버전입니다

.detach ([selector])

· 8년 전 · 1493

.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>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
15854
15853
15852
15851
15849
15848
15847
15843
15842
15841
15840
15839
15838
15837
15836
15835
15834
15833
15832
15831
15830
15829
15828
15826
15825
15824
15823
15822
15821
15820