我是這樣理解的：

第一個例子：內部插入

<div?class="content"></div>

$(".content").append('<div?class="append">通過append方法添加的元素</div>')
此時content是append的父類；反之亦然。

第二個例子：外部插入

<div?class="aaron">
????<p?class="test1">測試before</p>
</div>

$(".test1").before('<p?style="color:red">before,在匹配元素之前增加</p>',?'<p?style="color:red">多參數</p>')

此時test1類前叫一個P標簽；這兩個是同級關系

外部插入就更精準吧！

<div id=div1>這是第一個div</div>?

//用內部插入 。

$('#div1').append('<div id=div2>這是第二個div</div>');

結果是在div1中 添加子元素。? 此時div1是div2的父元素。

即：

<div id=div1>

????這是第一個div

????<div id=div2>

????????這是第二個div

????</div>

</div>

//用外部插入。

結果是<div id=div1>這是第一個div</div>

????????<div id=div2>這是第二個div</div>

這倆個div是兄弟級關系

結果都是一樣的，就是語法不一樣而已

不是吧，一個是在div里面在放一個div,還有一個是在div后面或前面放一個并列的div

一樣，你可以試試看啊

舉一個例子：

<div?id="div1">
????<div?id="div2">
????????<div?id="div3">
????????</div>
????</div>
</div>

這是一個三層嵌套的div，現在插入元素，看看你想在哪里插入，比如給第二個元素插入一個兄弟元素，用內部插入的方法：$('#div1').append('<div id="div2_1">和div2是并列的關系</div>')，那么同樣可以用外部插入的方法：$(<div id="div2_1">和div2是并列的關系</div>).insertAfter('#div3')；注意用append()和insertAfter/Before()的格式的區別，學習這些東西要的是多動手，你可以用這些方法，拿幾個html頁面做做試驗，然后印象就深刻了。

內部插入是在一個父元素內插入子元素，外部插入的話可以插入同級的元素