개인공간

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

IT정보/jQuery_javaScript

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

천재소년s 2012. 8. 20. 14:27
반응형

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

반응형