甜橘子，专注成都网站制作网站设计与营销型网站建设与优化
QQ :532337155
电话：028-86922220
我在这里列出了它们的本质区别和用法区别：
创新互联建站长期为数千家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为日照企业提供专业的网站设计、成都网站设计，日照网站改版等技术服务。拥有10余年丰富建站经验和众多成功案例,为您定制开发。
一、本质区别：
1.js都知道是网页脚本语言，类似java是一种开发常用语言；
2.jQuery是基于js语言封装出来的一个前端框架；
所以最本质的区别就是js是一种语言，而jQuery是基于该语言的一种框架。除却最本质的区别还有一些用法上的差别。
二、用法区别：
1.外观上
jQuery对象比js对象多了"$()"一层马甲，这是最直观的区别；
2.操作内容
①.非表单元素（如果是文本就用text方法，如果是html代码就用html方法）
例：div.text();——无参数的情况下是取值
div.text("aaaa");——有参数的情况下是赋值
div.html();——无参数的情况下是取值
div.html("aaaa");——有参数的情况下是赋值
②.表单元素
JS：div.value;——取值；div.value = xxx;——赋值
JUQERY：div.val();——无参数是取值，有参数是赋值。
3.操作属性
JS里面用来操作属性的方法是
div.setAttribute("","");——设置属性、修改属性
div.removeAttribute("");——移除属性，引号里面写一个属性名
div.getAttribute();——获取属性
JQUERY里面用来操作属性的方法
添加属性：div.attr("test","aa");——给这个attr方法加入参数，属性名叫做test，属性的值是aa
移除属性：div.removeAttr("test");——移除test这条属性
获取属性：div.attr("test");——在attr方法里面直接写入一个属性的名就可以了
4.操作样式
JS里面操作样式的关键字是style
例：div.style.backgroundColor = "red";——把这个div的背景色设置成为了红色
JQUERY里面操作样式的关键字是css
例：div.css("background-color","yellow");——把这个div的背景色变为黄色，在这里CSS里面所有的样式和css样式表里面的样式是一模一样的没有任何变化
JS操作样式的方法只能获取内联样式，不能取内嵌的和外部的！！！！！
JQUERY操作样式的方法可以是内联的也可以是内嵌的
以上就是我总结它们两者的区别，希望对你有所帮助。
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则是“有啥用啥”。
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、和系统程序设计语言相比：不同是脚本语言是被解释而系统程序设计语言是被编译。被解释的语言由于没有编译时间而提供快速的转换，通过允许用户运行时编写应用程序，而不需要耗时的编译/打包过程。解释器使应用程序更加灵活，脚本语言的代码能够被实时生成和执行。脚本语言通常都有简单、易学、易用的特性，目的就是希望能让程序设计师快速完成程序的编写工作。
参考资料：百度百科-脚本语言
javascript 和 Jquery不建议同时学习，这属于两个不同的体系，人的精力毕竟有限，建议专注的先学习一样，然后在学习另一样。具体可以询问【达内教育】。感兴趣的话点击此处，免费学习一下
javascript 和 Jquery的区别：
1、本质上的区别。Javascript是一门编程语言，我们用它来编写客户端浏览器脚本。jQuery是基于javascript的一个库，包含多个可重用的函数，用来辅助我们简化【javascript开发】。jQuery能做的javascipt都能做到，而javascript能做的事情，jQuery不一定能做到
2、兼容性的区别。JavaScript有各种浏览器兼容问题，代码复杂冗余，而jQuery中完全没有兼容性问题。
想了解更多有关javascript 和 Jquery的相关信息，推荐咨询【达内教育】。秉承“名师出高徒、高徒拿高薪”的教学理念，是达内公司确保教学质量的重要环节。作为美国上市职业教育公司，诚信经营，拒绝虚假宣传是该机构集团的经营理念。该机构在学员报名之前完全公开所有授课讲师的授课安排及背景资料，并与学员签订《指定授课讲师承诺书》，确保学员利益。达内IT培训机构,试听名额限时抢购。