两者的主要区别：
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=this;jQuery(window).resize(function(){self.$refs.thisherechart.drawChart();})}。
3、jquery 理解成js的封装，使js更加简洁，快捷。它把相同的操作封装起来，使用的时候直接调用。
js是脚本语言 有自己的变量和方法，多用于表单验证和与用户的交互性以及动态效果 功能强大
但是有时候使用起来很麻烦，所以就出了 jquery框架，它是对js常用的方法进行封装处理 形成自己的一套结构，使用的时候 需要加载jquery库 使用更少的代码 能做更多的事。
①.根据ID取元素
JS:取到的是一个DOM对象。
例：var div = document.getElementByID("one");
JQUERY:取到的是一个JQUERY对象。
例：var div = $("#one");——括号里面是根据某个东西来找，相当于一个选择，如果我们要根据ID来找，在样式表里的ID是用#来表示的，所以在这里我们直接带入井号，整句的意思就是根据ID为one的来查找。
②.根据class取元素，在数组里面如果要取DOM对象使用索引的方式，如果要取JQUERY对象使用eq()
JS:取到的是一个数组
例：var div = document.ElementsByClassName("test");
JQUERY:
例：var div = $(".test");
③.根据name取元素
JS：返回的是一个数组
例：var bd = document.getElementsByName(uid);
JQUERY：的方式是用 方括号，属性=一个值，不限制非要根据name来取值，JQUERY是根据属性来取元素
例：$("[name='uid']");
④.根据标签名取元素
JS：返回的也是一个数组
例：var div = document.getElementsByTagName("div");
JQUERY：和样式表里面给所有div加样式的方法一样，在双引号内直接写标签名
例：$("div");
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是"write Less，Do More"，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器，并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
JavaScript和jQuery的区别：
一、本质上的区别：js是网页脚本语言，而jQuery是基于js语言封装出来的一个前端框架。也就是说js是一种语言，而jQuery是基于该语言的一种框架。
二、用法上的区别：
外观上jQuery对象比js对象多了"$()"，这是最直观的区别；
操作内容
非表单元素（如果是文本就用text方法，如果是html代码就用html方法）：
例如：
div.text();——无参数的情况下是取值
div.text("aaaa");——有参数的情况下是赋值
div.html();——无参数的情况下是取值
div.html("aaaa");——有参数的情况下是赋值
表单元素：
JavaScript：div.value;——取值；div.value = xxx;——赋值；
jQuery：div.val();——无参数是取值，有参数是赋值。
操作属性
JavaScript里面用来操作属性的方法：
div.setAttribute("","");——设置属性、修改属性
div.removeAttribute("");——移除属性，引号里面写一个属性名
div.getAttribute();——获取属性
jQuery里面用来操作属性的方法：
添加属性：div.attr("test","aa"); ——给这个attr方法加入参数，属性名叫做test，属性的值是aa
移除属性：div.removeAttr("test"); ——移除test这条属性
获取属性：div.attr("test"); —— 在attr方法里面直接写入一个属性的名就可以了
操作样式
JavaScript里面操作样式的关键字是style
例：div.style.backgroundColor = "red";——把这个div的背景色设置成为了红色
jQuery里面操作样式的关键字是css
例：div.css("background-color","yellow");——把这个div的背景色变为黄色，在这里CSS里面所有的样式和css样式表里面的样式是一模一样的没有任何变化。
JavaScript操作样式的方法只能获取内联样式，不能取内嵌的和外部的。
jQuery操作样式的方法可以是内联的也可以是内嵌的。
1、js 全称 javascript 是 web客户端 运行的 解释性语言。
2、jquery 只不过是 js 封装 简化了 ajax 和 dhtml 的 一款js 框架而已。
1、Javascript，一种高级编程语言，通过解释执行，是一门动态类型，面向对象（基于原型）的直译语言。它已经由欧洲电脑制造商协会通过ECMAScript实现语言的标准化。它被世界上的绝大多数网站所使用，也被世界主流浏览器（Chrome、IE、FireFox等）支持。
JavaScript是一门基于原型、函数先行的语言，是一门多范式的语言，它支持面向对象编程，命令式编程，以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等，不支持I/O，比如网络、存储和图形等，但这些都可以由它的宿主环境提供支持。
JavaScript虽与Java有很多相似性，但这两门编程语言从设计之初就有很大的不同，JavaScript的语言设计主要受到了Self（一种基于原型的编程语言）和Scheme（一门函数式编程语言）的影响。在语法结构上它又与C语言有很多相似（例如if条件语句、while循环、switch语句、do-while循环等）。
2、jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
js与Jquery的具体区别：
js Jquery
JQuery规范名称 DOM规范
cellspacing cellSpacing
class className
colspan colSpan
cssFloat IE中是styleFloat，其他浏览器是cssFloat
float IE中是styleFloat，其他浏览器是cssFloat
for htmlFor
frameborder frameBorder
maxLength maxLength
readonly readOnly
rowspan rowSpan
stylefloat IE中是styleFloat，其他浏览器是cssFloat
tabindex tabIndex
usemap useMap
jQuery
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。
jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
内容全部来源于网络收集，如有侵权，请联系网站删除：QQ：24596024