jQuery append appendTo

•  
• a.append.b
  • a에 b를 추가한다.
  • append가 a를 가리키고 있다.
  • 뒤에 .css를 붙이면  a에 대한 .css로 적용된다.
• b.appendTo.a
  • b를 a에 넣는다.
  • appendTo가 b를 가리키고 있다.
  • 뒤에 .css를 추가하면 b에 대한  .css로 적용된다.

$('#result').append($(this).clone());
//이렇게 쓰면 기존에 있던 '내용추가'자료가 사라진다.
//.clone()을 붙여 복제한다
 
//div#result 전체의 배경이 핑크색이 됨
$('#result').appendTo('<p>aaa').css('background-color', 'pink');
 
 
//색칠된 'aaa'를 result에 추가할수있음
$('<p>aaa</p>').css({
    'border':'1px solid silver',
    'background-color':'yellow',
    'width':'100px'
}).appendTo('#result');
 
//위에거랑 같은기능! 클론에 대한 스타일을 잡고, 추가!
$(this).clone()
    .css('background-color','silver')
    .appendTo('#result');