append(), appendTo(), appendChild()와 prepend(), prependTo()의 차이

메서드
append() , appendTo()
묘사
선택한 요소 내부에 삽입된 하위 요소의 맨 뒷면
밤을 들다

append()，appendTo()

  
 

    
  


  $('div').append('<span>  </span>'); 
  //    
  $('<span>  </span>').appendTo('div');
  //    => <div>  <span>  </span></div>

  // div       ， span        。
  //   ：appendTo      jquery  。

  var ul = $('ul');
  //   DOM  :
  ul.append('<li>  </li>');

  //   jQuery  :
  ul.append($('#box'));

  //       :
  ul.append(function () {
      return '<li><span>  </span></li>';
  });

appendChild()

  

　　var boxp=document.createElement('p');
　　var box=document.getElementById('box');
　　boxp.innerHTML="  ";
　　box.appendChild(boxp);


   => 
  
  

메서드
prepend(),prependTo()
묘사
선택한 요소의 시작 부분(내부 상태)에 지정된 컨텐트가 삽입됩니다.
밤을 들다

prepend()，prependTo()

  

  $("p").prepend("<b>  </b> "); 
  //    
  $("<b>  </b>").prependTo("p");

  //    => <p><b>  </b>  </p>
  // p       ，b       。