jQuery 中利用before和insertBefore可以達到在指定元素前插入指定內容，寫法上有區別

先看一個例子：

在<div class='div1'>div1</div>前面插入<div>toInsertContent</div>

實現：

$('<div>toInsertContent</div>').insertBefore($('.div1'));

或者

$('.div1').before('<div>toInsertContent</div>');

結果：

<div>toInsertContent</div>
<div class='div1'>div1</div>

錯誤寫法：

$('<div>toInsertContent</div>').before($('.div1'));

結果：

不但不會在div1前面插入元素，反而會把div1刪除

總結：

before前面是在哪個元素前面插入，后面是插入的內容元素

insertBefore前面是插入的內容元素 ，后面是在哪個元素前面插入

不能寫反了。

以上這篇淺談jQuery before和insertBefore的區別就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。