本质上的区别
创新互联建站专注为客户提供全方位的互联网综合服务，包含不限于成都网站制作、成都网站建设、麻栗坡网络推广、小程序设计、麻栗坡网络营销、麻栗坡企业策划、麻栗坡品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联建站为所有大学生创业者提供麻栗坡建站搭建服务，24小时服务热线：18982081108，官方网址：www.cdcxhl.com
jQuery是一个JavaScript函数库。jQuery就是基于JavaScript语言写出来的一个框架,实质上还是JavaScript而已。
代码书写的不同
jQuery 简化了 JavaScript 编程，jQuery代码比JavaScript轻灵，jquery设计的初衷就是要用很少的代码，完成很多的功能。
使用方法上的不同
（1）使用JavaScript和jQuery分别加载DOM：
JavaScript只会执行一次，而jQuery会执行多次。
（2）使用JavaScript和jQuery获取class方法：
JavaScript没有默认的获取class的方法 ，而JQuery可以通过$('.className') 调用class的方法。
jquery是建构在javascript之上的框架。。。JAVASCRIPT是编程语言，写JAVASCRIPT的过程，就是一种真正的编程。。。而jquery可以看作是在JAVASCRIPT上套了一层皮。。让你不需要懂编程，可以用一两行代码，就实现JAVASCRIPT写几百行代码才能实现的效果。。
最好是两个都学，如果要二选一，则在于你要不要学后端。。。如果你想学完前端之后，还打算学后端，就要把JAVASCRIPT学的特别透彻，这样以后你可以学习Node.JS，来掌握后端开发。。不过说句题外话，后端的水比前端深多了，js，PHP，Python之类的动态语言，其实只能解决一部分后端问题。真正全方位的后端解决方案，就只有Java和C#这两种静态语言。所以Node可以学，但学得再牛，也不等于精通后端。可学了总比不学强，而且结合Typescript来使用，Node也能胜任一些中型级别的项目。
如果你只学前端，而确定以后也不接触后端，可以主要学习jquery。。。因为jquery比javascript要简单非常多（对于大项目来说，上百倍的差距）。。却可以解决前端80%的问题，剩下的20%再用javascript解决便可
如果把web比作修照片，两者的区别就像PS和美图秀秀的关系。。。。。使用美图秀秀修照片，你什么都不需要懂，点一下鼠标，就出一个效果。。几十张照片，一会就修完了。。。而且效果很棒。。这就等同于jquery。。
如果用PS来修，需要学调色啊，透视啊，通道啊，矢量啊，等一堆知识。。费劲折腾好几天，也许才勉强修完一两张，最终效果还一般般。。但JAVASCRIPT毕竟是编程啊，可以把你的想法实现出来。而jquery则是“有啥用啥”。
如果把js比作面条，那么jq就是方便面，前者需要你经过一些比较复杂的操作才能吃进嘴里，而后者则事先已经帮你做好了一切，你只需用开水泡一泡就能吃了。简言之，jq把js常用的功能代码封装为方便调用的代码库（或者说框架），提供了简便的js设计模式，优化网页文档操作、事件处理、动画设计和Ajax交互等。
再来个通俗的比喻帮助你理解：用原生js编程，就好比自己买菜买肉买米买面回家自己做饭吃，虽然过程比较繁琐辛苦，但能够做出有自己特色的饭菜（当然可能好吃也可能不好吃）；而用jq则相当于下馆子或者点外卖，食物都是别人做好的，自己不懂做饭也没关系，会吃就行，而且饭菜的质量一般也是有保障的。
jquery是js（JavaScript）的框架，底层还是JavaScript，帮助我们更加简便的使用JavaScript来实现各种功能。因此，学好JavaScript，那么对基于js封装而来的各种框架都是比较容易上手的。
如果满意，望采纳！提问者的点赞和采纳就是我们的动力和追求，谢谢！
JavaScript 是一种脚本语言，主要用在浏览器中，实现对网页的文档对象的操作和一些用户交互动作的处理。
而 jQuery 则是 JavaScript 的一个代码库（或习惯性叫类库），它将一些在 JavaScript 开发中经常用到的功能集合起来，以方便开发者直接使用，而不需要再用原生 JavaScript 语句写大量代码，同时可在不同浏览器间实现一致的效果。是当前最流行的 JavaScript 库之一。
扩展资料：
jquery和javascrip都是脚本语言，
脚本语言又被称为扩建的语言，或者动态语言，是一种编程语言，用来控制软件应用程序，脚本通常以文本（如ASCII)保存，只在被调用时进行解释或编译。
特点：
1、脚本语言(JavaScript，VBscript等)介于HTML和C,C++,Java,C#等编程语言之间。 HTML通常用于格式化和链接文本。而编程语言通常用于向机器发出一系列复杂的指令。
2、脚本语言与编程语言也有很多相似地方，其函数与编程语言比较相像一些,其也涉及到变量。与编程语言之间最大的区别是编程语言的语法和规则更为严格和复杂一些.
3、与程序代码的关系：脚本也是一种语言，其同样由程序代码组成。
4、脚本语言是一种解释性的语言,例如Python、vbscript,javascript,installshield script,ActionScript等等,它不象c\c++等可以编译成二进制代码,以可执行文件的形式存在，脚本语言不需要编译，可以直接用，由解释器来负责解释。
5、脚本语言一般都是以文本形式存在,类似于一种命令。
举个例子说：如果建立了一个程序,叫aaa.exe，可以打开.aa为扩展名的文件，为.aa文件的编写指定了一套规则(语法)，当别人编写了.aa文件后，自己的程序用这种规则来理解编写人的意图，并作出回应，那么，这一套规则就是脚本语言。
6、相对于编译型计算机编程语言：用脚本语言开发的程序在执行时，由其所对应的解释器（或称虚拟机）解释执行。系统程序设计语言是被预先编译成机器语言而执行的。脚本语言的主要特征是：程序代码即是脚本程序，亦是最终可执行文件。脚本语言可分为独立型和嵌入型，独立型脚本语言在其执行时完全依赖于解释器，而嵌入型脚本语言通常在编程语言中（如C，C++，VB，Java等）被嵌入使用。
7、和系统程序设计语言相比：不同是脚本语言是被解释而系统程序设计语言是被编译。被解释的语言由于没有编译时间而提供快速的转换，通过允许用户运行时编写应用程序，而不需要耗时的编译/打包过程。解释器使应用程序更加灵活，脚本语言的代码能够被实时生成和执行。脚本语言通常都有简单、易学、易用的特性，目的就是希望能让程序设计师快速完成程序的编写工作。
参考资料：百度百科-脚本语言
一、JQuery对象和DOM对象的相互转化（《锋利的JQuery》）
JQuery转化为DOM：
1、var jq = $(‘#selector'); var dom = jq[index];
2、var jq1 = $(‘#selector1'); var dom1 = jq1.get(index) 或者 var dom1 = jq1.get()[index];
DOM转化为JQuery：
假设cr是一个DOM对象，转为JQuery，jqcr = $(‘cr');
二、JQuery的$(document).ready()和JavaScript的window.onload()的区别（《锋利的JQuery》）
1、执行时机
window.onload必须等待网页中所有资源(包括图片)加载完成后才能执行，而$(document).ready()在所有DOM结构绘制完毕后就执行，但是可能与DOM相关联的资源还没有加载完毕。
2、编写个数
一个文档中，window.onload只有是一个，而$(document).ready()可以有多个
3、简化方法
window.onload没有简写形式，$(document).ready()可以简写为$(function(){}).
三、JQuery和JavaScript中访问属性名称的区别（《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
四、冲突
DOM理论上不会有冲突产生，JQuery防止冲突产生的两种解决方法：（《锋利的JQuery》）
1、JQuery库在其他库之后导入
调用JQuery。noConflict()方法将$控制权给其他库使用，或者自定义快捷方式，$j = JQuery.noConflict();
2、JQuery库在其他库之前导入
直接使用JQuery代替$工作，同时$可以作为其他库的快捷方式。