[jquery] after 와 insertAfter / before 와 insertBefore

after

-선택한 각 요소 뒤에 지정한 코드를 삽입

-선택한 각 요소 뒤에 삽입 할 요소를 반환하는 함수 전달이 가능하다

 

insertAfter

- 선택한 각 요소를 대상 요소 뒤에 삽입

-함수 전달 불가능

See the Pen after & insertAfter by onion (@saetmlda) on CodePen.

 

 

 

 

 

before

- 선택한 각 요소 앞에 지정한 코드를 삽입

-선택한 각 요소 뒤에 삽입 할 요소를 반환하는 함수 전달이 가능하다

insertBefore

- 선택한 각 요소를 대상 요소 앞에 삽입

 

See the Pen dypqoKX by onion (@saetmlda) on CodePen.

 

참고 : .after() ,.before()및 .insertAfter(),insertBefore() 방법은 동일한 작업을 수행합니다. 주요 차이점은 구문, 특히 콘텐츠 및 대상의 배치에 있습니다

 

참고사이트 : api.jquery.com/insertBefore/#insertBefore-target