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

Jquery删除css属性的简单方法
有时我们不需要某个css属性时，想删除它，但有没有removeCss方法，怎么办呢？可以使用如下方法解决$('选择器').css('css属性','');即将css属性值赋值为空，

jquery select2的使用心得(推荐)
ajax加载下拉框数据后如何选中指定项？html：scriptsrc="/statics/matrix-admin/js/jquery.min.js"/scriptscriptsrc="/statics/matrix-admin/js/select2.min.js"/scriptselectid='mySelect'/select

jQuery动态增减行的实例代码解析(推荐)
先给大家展示下效果图：这是没有增加时的界面：增加后的界面：删除后的界面：原因分析：不擅长jquery和JavaScript场景：代码如下：tableclass="tabletable-bo