append() vs appendTo() 및 prepend() vs prependTo()

jQuery append, appendTo, prepend, prependTo

메  소  드	내  용
append()	지정한 요소의 마지막에 내용을 추가  A.appendTo(B) - B에 A를 추가
appendTo()	지정한 요소의 마지막에 내용을 추가  A.appendTo(B) - B에 A를 추가
prepend()	지정한 요소의 시작 부분에 내용을 삽입  A.prepend(B) - A에 B를 추가
prependTo()	지정한 요소의 시작 부분에 내용을 삽입  A.prependTo(B) - B에 A를 추가

Usage append()

html

<div></div>
<div></div>
<div></div>

javascript

var contents = [
    {name : '다음', url : 'http://daum.net'},
    {name : '네이버', url: 'http://naver.com'}
];

$('div').append(function (index) {
    var item = contents[index];
    var output = '';
    output += '
' + item.name + '
';
    output += '
' + item.url + '
';

    return output;
});

Jaehee's WebClub