你好jquery是JavaScript的框架，基于JavaScript封装而成，帮助我们更加简便的使用JavaScript来实现各种功能。比如如下比较：
创新互联公司一直在为企业提供服务，多年的磨炼，使我们在创意设计，成都全网营销到技术研发拥有了开发经验。我们擅长倾听企业需求，挖掘用户对产品需求服务价值，为企业制作有用的创意设计体验。核心团队拥有超过十多年以上行业经验，涵盖创意，策化，开发等专业领域，公司涉及领域有基础互联网服务成都温江机房、App定制开发、手机移动建站、网页设计、网络整合营销。
JavaScript中根据id选择节点：document.getElementById("divId")
jquery根据id选择节点：$("#divId")
因此，学好JavaScript，那么对基于JavaScript封装而来的各种框架都是比较容易上手的。
如果觉得满意，望采纳！提问者的点赞和采纳就是我们的动力和追求，谢谢！
JQuery是基于JavaScript而开发的一种插件，以方便程序员使用，但它本质上仍然是JavaScript。就好比中草药需要经过采摘、晾晒、熬制等多道复杂的工序才能最终变成可以服用的汤药，而且喝起来很苦，药效也很难保证；而中成药则是把中草药经过深加工，制成片剂、胶囊、针剂等，服用很方便，疗效也有保证，但它本质上仍然是中药！
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 和 Jquery的区别：
1、本质上的区别。Javascript是一门编程语言，我们用它来编写客户端浏览器脚本。jQuery是基于javascript的一个库，包含多个可重用的函数，用来辅助我们简化【javascript开发】。jQuery能做的javascipt都能做到，而javascript能做的事情，jQuery不一定能做到
2、兼容性的区别。JavaScript有各种浏览器兼容问题，代码复杂冗余，而jQuery中完全没有兼容性问题。
想了解更多有关javascript 和 Jquery的相关信息，推荐咨询【达内教育】。秉承“名师出高徒、高徒拿高薪”的教学理念，是达内公司确保教学质量的重要环节。作为美国上市职业教育公司，诚信经营，拒绝虚假宣传是该机构集团的经营理念。该机构在学员报名之前完全公开所有授课讲师的授课安排及背景资料，并与学员签订《指定授课讲师承诺书》，确保学员利益。达内IT培训机构,试听名额限时抢购。
我在这里列出了它们的本质区别和用法区别：
一、本质区别：
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操作样式的方法可以是内联的也可以是内嵌的
以上就是我总结它们两者的区别，希望对你有所帮助。
