再来个通俗的比喻帮助你理解：用原生js编程，就好比自己买菜买肉买米买面回家自己做饭吃，虽然过程比较繁琐辛苦，但能够做出有自己特色的饭菜（当然可能好吃也可能不好吃）；而用jq则相当于下馆子或者点外卖，食物都是别人做好的，自己不懂做饭也没关系，会吃就行，而且饭菜的质量一般也是有保障的。
1、本质上的区别
jQuery是一个JavaScript函数库。jQuery就是基于JavaScript语言写出来的一个框架,实质上还是JavaScript而已。
2、代码书写的不同
jQuery 极大地简化了 JavaScript 编程，jQuery代码比沉重的JavaScript轻灵多了，jquery设计的初衷就是要用更少的代码，漂亮的完成更多的功能。
3、在使用方法上的不同
（1）使用JavaScript和jQuery分别加载DOM：
JavaScript只会执行一次，而jQuery会执行多次。
（2）使用JavaScript和jQuery获取class方法：
JavaScript没有默认的获取class的方法 ，而JQuery， 可以通过$('.className') 调用class的方法。
扩展资料
jQuery的语言特点
1、快速获取文档元素
jQuery的选择机制构建于Css的选择器，它提供了快速查询DOM文档中元素的能力，而且大大强化了JavaScript中获取页面元素的方式。
2、提供漂亮的页面动态效果
jQuery中内置了一系列的动画效果，可以开发出非常漂亮的网页，许多网站都使用jQuery的内置的效果，比如淡入淡出、元素移除等动态特效。
4.创建AJAX无刷新网页
AJAX是异步的JavaScript和ML的简称，可以开发出非常灵敏无刷新的网页，特别是开发服务器端网页时，比如PHP网站，需要往返地与服务器通信，如果不使用AJAX，每次数据更新不得不重新刷新网页，而使用AJAX特效后，可以对页面进行局部刷新，提供动态的效果。
4、提供对JavaScript语言的增强
jQuery提供了对基本JavaScript结构的增强，比如元素迭代和数组处理等操作。
两者的主要区别：
1、在build/webpack.dev.conf.js和build/webpack.prod.conf.js中配置即可。
2、在模块中使用的时候代码如下：plugins:[//这里是需要导入的插件列表，定意思jquery为全局参数newwebpack.ProvidePlugin({$:'jquery',jquery:'jquery','window.jQuery':'jquery',jQuery:'jquery'})]
可以使用import的这种写法：importjQueryfrom'jQuery'ready:function()
{varself=thisjQuery(window).resize(function(){self.$refs.thisherechart.drawChart()})}。
3、jquery 理解成js的封装，使js更加简洁，快捷。它把相同的操作封装起来，使用的时候直接调用。
拓展资料js是脚本语言 有自己的变量和方法，多用于表单验证和与用户的交互性以及动态效果 功能强大
但是有时候使用起来很麻烦，所以就出了 jquery框架，它是对js常用的方法进行封装处理 形成自己的一套结构，使用的时候 需要加载jquery库 使用更少的代码 能做更多的事。
