浅谈jQuery before和insertBefore的区别
更新时间：2016年12月04日 13:54:44 投稿：jingxian
下面小编就为大家带来一篇浅谈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实现最简单的切换图效果【可兼容IE6、火狐、谷歌、opera等】
这篇文章主要介绍了jQuery实现最简单的切换图效果,可兼容IE6、火狐、谷歌、opera等浏览器,涉及jQuery结合时间函数动态操作页面元素的相关技巧,非常简单实用,需要的朋友可以参考下2016-09-09
这篇文章主要介绍了JQuery调用绑定click事件的3种写法,本文简洁清晰的给出3种写法的代码示例,可以很方便的复制使用,需要的朋友可以参考下2015-03-03
下面的代码利用jquery简单的实现表格中增加和删除一行，很简单。2010-08-08
这篇文章主要介绍了jQuery后代选择器用法,以设置文本颜色的实例分析了后代选择器的应用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下2014-12-12
本文主要是给大家分享了一则使用EasyUI实现同步树的代码，主要是使用递归实现，非常实用的方法，推荐给小伙伴们。2015-03-03
这篇文章主要介绍了jQuery实现图片加载完成后改变图片大小的方法,结合实例形式分析了jQuery图片样式与页面元素属性动态操作的相关技巧,需要的朋友可以参考下2016-03-03
精彩的弹幕效果分享给大家，具有一定的参考价值，感兴趣的朋友可以尝试制作弹幕，具体内容如下2016-07-07
悬停效果、延迟加载想必大家都有见到过吧，在本文将为大家介绍下是如何实现的，感兴趣的朋友不要错过2013-11-11
表头固定应该是一个用得比较多的功能，参考了网上几个例子，在几个常用浏览器下显示不是很完美2012-11-11
这篇文章主要介绍了jQuery实现手机号码输入提示功能,实例分析了jQuery针对手机号码的判断与提示相关技巧,非常具有实用价值,需要的朋友可以参考下2015-04-04
最新评论