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的區別就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。