[jQuery] append / appendTo - 문서 객체 속성 관련

append

어떤 요소에 마지막 자식 요소를 새로 추가.

​

appendTo( target )

타겟의 마지막 부분에 새로운 요소를 삽입.

 

그니깐 그냥 이거 ​

A.append(B) : A에 B를 추가    A.appendTo(B) : B에 A를 추가

 

 

 

​

​적용>>

<div id="Text"> Color </div>    ---------------------------------------------------   $("#Text").append("Sample");
<div id="color">  <img src='1.jpg' alt=''> </div>    ---------------------------------------------------    $("#color").append("<img src='2.jpg' alt=''>");    $("<img src='3.jpg' alt=''>").appendTo("#color");

 

​적용>>

<p id="p1"> append </p>    <p id="p2"> 어디로? </p>    <p id="p3"> appendTo </p>    <p id="p4"> 어디로? </p>    --------------------------------------------------- ​   $("#p1").append('#p2');    $("#p3").appendTo("#p4");

 

​

 

​

[jQuery] prepend / prependTo - 문서 객체 속성 관련

[jQuery] append / appendTo - 문서 객체 속성 관련

[jQuery] text / html

[jQuery] after / before 

[jQuery] empty / remove / detach  

[jQuery] wrap / unwrap / wrapAll / wrpaInner  

[jQuery] replaceAll / replaceWith

[jQuery] insertBefore / insertAfter

[출처] [jQuery] append / appendTo - 문서 객체 속성 관련 |작성자 Be