"JQuery .detach()"의 두 판 사이의 차이

잔글 (봇: 자동으로 텍스트 교체 (-</source> +</syntaxhighlight>, -<source +<syntaxhighlight ))
 
(다른 사용자 한 명의 중간 판 2개는 보이지 않습니다)
4번째 줄: 4번째 줄:


==예시==
==예시==
<source lang='html5'>
<syntaxhighlight lang='html5'>
<script src='//code.jquery.com/jquery.min.js'></script>
<script src='//code.jquery.com/jquery.min.js'></script>
<script>
<script>
28번째 줄: 28번째 줄:
<p>친구들</p>
<p>친구들</p>
</div>
</div>
</source>
</syntaxhighlight>
<jsfiddle height='120'>ye0852mt</jsfiddle>
<jsfiddle height='180'>ye0852mt</jsfiddle>


==같이 보기==
==같이 보기==
*[[jQuery .appendTo()]]
*[[jQuery .appendTo()]]
*[[jQuery .remove()]]


[[분류: jQuery]]
[[분류: jQuery]]

2020년 11월 2일 (월) 02:53 기준 최신판

1 개요[ | ]

jQuery .detach()
  • DOM에서 선택된 요소들을 제거하는 jQuery 메소드

2 예시[ | ]

<script src='//code.jquery.com/jquery.min.js'></script>
<script>
var p;
$(function() {
	$( '#btn-detach' ).click(function() {
		if ( p ) return;
		p = $("p").detach();
	});
	$( '#btn-attach' ).click(function() {
		if( !p ) return;
		p.appendTo("div");
		p = null;
	});
});
</script>

<button id='btn-detach'>떼어내기</button>
<button id='btn-attach'>붙이기</button>
<div>
	<p>안녕</p>
	<span>Hello</span>
	<p>친구들</p>
</div>

3 같이 보기[ | ]

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}