memememomo · May 19, 2010 23:39
diff --git a/jquery_insert.html b/jquery_insert.html
 <html>
 <head>
 <title>test</title>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript">
 $(function(){
   var pfirst = $("p#first").html();
   alert(pfirst);

   $("p#first").prepend("<strong>要素内先頭</strong>");
   $("p#first").append("<strong>要素内最後</strong>");
   pfirst = $("p#first").html();
   alert(pfirst);

   var wrap = $("div#wrap").html();
   alert(wrap);

   $("p#first").before("<strong>要素の前</strong>");
   $("p#first").after("<strong>要素の後</strong>");
   wrap = $("div#wrap").html();
   alert(wrap);
 });
 </script>
 <body>
 <div id="wrap">
 <p id="first">変更前</p>
 </div>
 </body>
 </html>
	<html>
	<head>
	<title>test</title>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
	<script type="text/javascript">
	$(function(){
	var pfirst = $("p#first").html();
	alert(pfirst);

	$("p#first").prepend("<strong>要素内先頭</strong>");
	$("p#first").append("<strong>要素内最後</strong>");
	pfirst = $("p#first").html();
	alert(pfirst);

	var wrap = $("div#wrap").html();
	alert(wrap);

	$("p#first").before("<strong>要素の前</strong>");
	$("p#first").after("<strong>要素の後</strong>");
	wrap = $("div#wrap").html();
	alert(wrap);
	});
	</script>
	<body>
	<div id="wrap">
	<p id="first">変更前</p>
	</div>
	</body>
	</html>