057_jQuary插入元素

选择器.append(str)：插入元素的内部的最后。

选择器.after(str)：插入到元素的外部的后边。

选择器.before(str)：插入到元素的外部的前边。

选择器.append(str)：插入元素的内部的最后。
     <div id="did">
         <p>1111111</>
         <p>2222222</p>
     </div>
    var htmlStr="<p>aaaaaaaa</p>";
    $("#did").append(htmlStr);
     <div id="did">
         <p>1111111</>
         <p>2222222</p>
         <p>aaaaaaaa</p>
     </div>


    选择器.after(str)：插入到元素的外部的后边。
     <div id="did">
         <p>1111111</>
         <p>2222222</p>
     </div>
    var htmlStr="<p>aaaaaaaa</p>";
    $("#did").after(htmlStr);
    <div id="did">
         <p>1111111</>
         <p>2222222</p>
     </div>
    <p>aaaaaaaa</p>

    选择器.before(str)：插入到元素的外部的前边。
     <div id="did">
         <p>1111111</>
         <p>2222222</p>
     </div>
    var htmlStr="<p>aaaaaaaa</p>";
    $("#did").before(htmlStr);
    <p>aaaaaaaa</p>
    <div id="did">
         <p>1111111</>
         <p>2222222</p>
     </div>