189 8069 5689
你好jquery是JavaScript的框架，基于JavaScript封装而成，帮助我们更加简便的使用JavaScript来实现各种功能。比如如下比较：
创新互联建站-专业网站定制、快速模板网站建设、高性价比高平网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式高平网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖高平地区。费用合理售后完善，10年实体公司更值得信赖。
JavaScript中根据id选择节点：document.getElementById("divId")
jquery根据id选择节点：$("#divId")
因此，学好JavaScript，那么对基于JavaScript封装而来的各种框架都是比较容易上手的。
如果觉得满意，望采纳！提问者的点赞和采纳就是我们的动力和追求，谢谢！
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结构的增强，比如元素迭代和数组处理等操作。
参考资料：百度百科-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操作样式的方法可以是内联的也可以是内嵌的
以上就是我总结它们两者的区别，希望对你有所帮助。
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则是“有啥用啥”。