[8주차] 17. 특정 요소의 형제로 추가하는 함수 [ after(), before() / insertAfter(), insertBefore() ]

* before()와 after()는 단순히 반대되는 것 같지만 살짝 더 다름

 

1-1) .before()

특정 요소의 형제로 추가하되, 그 요소의 앞에 위치한 형제들 중 맨 뒤에 추가

 

1-2) .insertBefore()

기능은 위와 같으나 파라미터의 앞, 뒤 위치가 바뀐다.(가독성을 위한 코드를 작성할 때 사용되는 듯 하다)

 

---

2-1) .after()

특정 요소의 형제로 추가하되, 그 요소의 앞에 위치한 형제들 중 맨 앞에 추가

 

2-2) .insertAfter()

기능은 위와 같으나 파라미터의 앞, 뒤 위치가 바뀐다.(가독성을 위한 코드를 작성할 때 사용되는 듯 하다)

사용예시