.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>
게시글 목록
| 번호 | 제목 |
|---|---|
| 15935 |
jQuery
jQuery ( ": first-child")
1
|
| 15934 |
jQuery
.first()
|
| 15933 |
jQuery
.finish ([queue])
|
| 15932 |
jQuery
.find (selector)
|
| 15931 |
jQuery
.filter (selector)
|
| 15930 |
jQuery
jQuery ( ": file")
|
| 15929 | |
| 15928 | |
| 15924 | |
| 15923 | |
| 15922 |
jQuery
event.which
|
| 15921 |
jQuery
event.type
|
| 15920 |
jQuery
event.timeStamp
|
| 15919 |
jQuery
event.target
|
| 15917 |
jQuery
event.stopPropagation ()
|
| 15916 | |
| 15915 |
jQuery
event.result
|
| 15914 |
jQuery
event.relatedTarget
|
| 15913 | |
| 15912 |
jQuery
event.result
|
| 15911 |
jQuery
event.relatedTarget
|
| 15910 |
jQuery
event.preventDefault ()
|
| 15909 |
jQuery
event.pageY
|
| 15908 |
jQuery
event.pageX
|
| 15907 |
jQuery
event.namespace
|
| 15906 |
jQuery
event.metaKey
|
| 15901 | |
| 15900 |
기타
vi 명령모드
|
| 15899 |
기타
vi 입력모드
|
| 15898 |
기타
vi의 세가지 모드
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기