자바스크립트 요소 삽입/이동 메서드

 

자바스크립트 요소 삽입과 이동

 

 

요소 삽입/이동 메서드

 

 

1. 해당 메서드의 위치

 

 

before <시작태그> prepend (내용) append </종료태그> after

 

 

 

2. 사용방법(메서드에 따라서 적용방향의 차이가 있음)

 

$("A").before("B");

(대상)      (입력내용)

 

$("A").prepend("B");

(대상)     (입력내용)

 

$("A").append("B");

(대상)      (입력내용)

 

$("A").append("B");

(대상)      (입력내용)

 

$("B").insertBefore("A");

(입력내용)           (대상)

 

$("B").prependTo("A");

(입력내용)           (대상)

 

$("B").appendTo("A");

(입력내용)           (대상)

 

$("B").insertAfter("A");

(입력내용)            (대상)

 

 

[JQ/JS] 요소 삽입 메서드를 활용한 예제