[제이쿼리] Append & PrePend & After & Before 정리

appendTo, prependTo 는 태그를 넣어주어야 됨

h1 태그 안에 텍스트를 기준으로 뒤에다가 붙임(appendTo) / h1 태그 안에 텍스트를 기준으로 앞에다가 붙임(prependTo)

$("
TA
").appendTo("h1");
$("
TB
").prependTo("h1");

결과값

 
TC
 1111111111
 
TA

 

 

 

insertAfter, insertBefore는 태그를 넣어주어야 됨

h1 태그를 기준으로 뒤에다가 붙임(insertAfter) / h1 태그를 기준으로 앞에다가 붙임(insertBefore)

$("
TA
").insertAfter("h1");
 $("
TB
").insertBefore("h1");

결과값

TC
1111111111
TA

 

 

 

append, prepend 는 태그+텍스트를 넣어주면됨

h1 태그 안에 텍스트를 기준으로 뒤에다가 붙임(append) / h1 태그 안에 텍스트를 기준으로 앞에다가 붙임(prepend)

$("h1").append("TA");
 $("h1").prepend("TB");

결과값

 
TC
 1111111111
 
TA

 

 

 

After, Before는 태그+텍스트를 넣어주면됨

h1 태그를 기준으로 뒤에다가 붙임(after) / h1 태그를 기준으로 앞에다가 붙임(before)

$("h1").after("
TA
");
 $("h1").before("
TB
");

결과값

TC
1111111111
TA