浅谈jQuery before和insertBefore的区别

228 阅读 0 评论 151 点赞

我是靠谱客的博主犹豫山水，最近开发中收集的这篇文章主要介绍浅谈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 before和insertBefore的区别的全部内容，希望文章能够帮你解决浅谈jQuery before和insertBefore的区别所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。