엘리먼트 append 순서 지정 / 요소 추가 순서 지정

1. 상위/하위 엘리먼트로 나눠져 있을때

div 안에 div 또는 ur 안에 li 와 같이 부모/자식 관계 일때는 아래와 같은 함수를 사용한다.

$(A).append(B);     // A 안의 마지막 요소 뒤에 B 를 붙인다.
$(A).prepend(B);    // A 안의 첫번째 요소로 B 를 붙인다.
$(B).appendTo(A);   // A 안의 마지막 요소 뒤에 B 를 붙인다.
$(B).prependTo(A);  // A 안의 첫번째 요소로 B 를 붙인다.

2. 동등 관계 일때(같은 레벨)

형제 노드 관계일때 아래와 같이 사용한다.

$(A).before(B);       // A 앞쪽에 B 를 붙인다.
$(A).after(B);        // A 뒤쪽에 B 를 붙인다.
$(A).insertBefore(B); // A 를 B 의 앞쪽에 붙인다.
$(A).insertAfter(B);  // A 를 B 의 뒤쪽에 붙인다.