把页面片段显示在动态显示在页面中

选择器.html(htmlStr)：覆盖显示在标签的内部
选择器.text(htmlStr)：覆盖显示在标签的内部
选择器.append(htmlStr)：追加显示在指定标签的内部的后边

   <div id="myDiv">
      aaaaaaaaa
      bbbbbbbbb
   </div>
   var htmlStr="<p>ccccccccc</p>";
    $("#myDiv").append(htmlStr);

显示效果:

<div id="myDiv">
  aaaaaaaaa
  bbbbbbbbb
 <p>ccccccccc</p>
</div>

选择器.after(htmlStr)：追加显示在指定标签的外部的后边

   <div id="myDiv">
      aaaaaaaaa
      bbbbbbbbb
   </div>
var htmlStr="<p>ccccccccc</p>";
$("#myDiv").after(htmlStr);

    <div id="myDiv">
      aaaaaaaaa
      bbbbbbbbb
   </div>
  <p>ccccccccc</p>

选择器.before(htmlStr)：追加显示在指定标签的外部的前边

   <div id="myDiv">
      aaaaaaaaa
      bbbbbbbbb
   </div>
   var htmlStr="<p>ccccccccc</p>";
   $("#myDiv").before(htmlStr);

实现效果:

    <p>ccccccccc</p>
    <div id="myDiv">
      aaaaaaaaa
      bbbbbbbbb
   </div>