js中的insertbefore和jquery中的insertbefore的区别
本质上的区别：js是网页脚本语言，而jQuery是基于js语言封装出来的一个前端框架。也就是说js是一种语言，而jQuery是基于该语言的一种框架。
两者的主要区别：在build/webpack.dev.conf.js和build/webpack.prod.conf.js中配置即可。
如果把js比作面条，那么jq就是方便面，前者需要你经过一些比较复杂的操作才能吃进嘴里，而后者则事先已经帮你做好了一切，你只需用开水泡一泡就能吃了。
jquery 就对javascript的一个扩展，封装，就是让javascript更好用，更简单。人家怎么说的来着，jquery就是要用更少的代码，漂亮的完成更多的功能。
vue.js和jquery的区别
两者的主要区别：在build/webpack.dev.conf.js和build/webpack.prod.conf.js中配置即可。
vue和jquey对比 jQuery是使用选择器（）选取DOM对象，对其进行赋值、取值、事件绑定等操作，其实和原生的HTML的区别只在于可以更方便的选取和操作DOM对象，而数据和界面是在一起的。
因此，jQuery是不简单的，只是略微简单。另一方面，Vue简单内建到它的设计。对DOM API许多困难的部分进行了封装。初学者因此可以很快编写他们真正理解的代码，当他们需要做更复杂的东西，Vue也会提供给他们。
这两者在思路上还是有所区别的，比如我们并不能用jquery操作dom的思维去写vue...不要用jquery那种dom的思路放到vue中去操作。
jquery只是个工具库，将一些繁琐的js代码简化，使dom操作更方便。
vue所提倡的数据驱动视图和jQuery的直接操作DOM在编写页面时的思路是完全不同的。
jQuery与JavaScript节点创建方法的对比
代码书写的不同 jQuery 极大地简化了 JavaScript 编程，jQuery代码比沉重的JavaScript轻灵多了，jquery设计的初衷就是要用更少的代码，漂亮的完成更多的功能。
JavaScript：div.value；——取值；div.value = xxx；——赋值；jQuery：div.val()；——无参数是取值，有参数是赋值。
两者的总体关系是jQuery是JavaScript的一个类库。即把JavaScript中的一些功能封装成方法，将一些DOM对象重新封装，是的开发人员使用起来更加快捷方便。
jQuery是JavaScript的一个封装集合。封装了很多JavaScript的方法，也就是说，jQuery里面的内容都是JavaScript语句。只是封装起来让我们学习和使用的简单一些。举例：获取元素。