제이쿼리 - 요소 추가

기존요소의 내부에 추가

• .append() 선택된 요소의 마지막에 새로운 요소나 콘텐츠를 추가한다.
• .prepend() 선택된 요소의 첫번째에 새로운 요소나 콘텐츠를 추가한다.
• .appendTo() 선택된 요소를 해당 요소의 마지막에 추가한다.
• .prependTo() 선택된 요소를 해당 요소의 첫번째에 추가한다.

ex) $(target).append(source)

기존요소의 외부에 추가

• .before() 선택한 요소의 바로 앞쪽에 새로운 요소나 콘텐츠를 추가한다.
• .after() 선택한 요소의 바로 뒤쪽에 새로운 요소나 콘텐츠를 추가한다.
• .insertBefore() 선택한 요소를 해당 요소의 앞쪽에 추가한다.
• .insertAfter() 선택한 요소를 해당 요소의 뒤쪽에 추가한다.

ex) $(target).before(source)

ex) $(source).insertAfter(target)