浅谈jQuery before和insertBefore的区别

巴扎黑2016-12-28 14:48:29

下面小编就为大家带来一篇浅谈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的区别请关注PHP中文网（www.php.cn）其它文章！