$("#Btn1").click(function()
{
$("p:first").addClass("intro");
$("p").after("<p>后插入内容</p>");
$("p").append("<b>结尾内容</b>");
$("<span>world</span>").appendTo("p");
$("<span>hello</span>").prependTo("p");
$("img").attr("width","500");
$("p").before("<p>前面加内容</p>");
} );
<h1>heading</h1>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<button id="Btn1">show</button>
<img src="img_pulpitrock.jpg" alt="Pulpit Rock" width="284" height="213">
.intro{
font-size:150%;
color:red;
}