반응형
append(), prepend(), before(), after()
① prepend - 해당하는 태그안에 들어가서 글자 앞에
② append - 해당하는 태그안에 들어가서 글자 뒤에
③ before - 해당하는 태그묶음 앞에
④ after - 해당하는 태그묶음 뒤에
③ <div>① 텍스트 ②</div> ④
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>append demo</title>
<style>
p {
background: yellow;
}
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<p>I would like to say: </p>
<div id="zero">DIV_0</div>
<div id="first">DIV_1</div>
<div id="second">DIV_2</div>
<div id="third">DIV_3</div>
<script>
$( "#zero" ).append( "<strong>append</strong>" );
$( "#first" ).prepend( "<strong>prepend</strong>" );
$( "#second" ).before( "<strong>before</strong>" );
$( "#third" ).after( "<strong>after</strong>" );
</script>
</body>
</html>
