浅谈jQuery before和insertBefore的区别

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的区别就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。