一、本质区别：
1.js都知道是网页脚本语言，类似java是一种开发常bai用语言；
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操作样式的方法可以是内联的也可以是内嵌的
如果把js比作面条，那么jq就是方便面，前者需要你经过一些比较复杂的操作才能吃进嘴里，而后者则事先已经帮你做好了一切，你只需用开水泡一泡就能吃了。简言之，jq把js常用的功能代码封装为方便调用的代码库（或者说框架），提供了简便的js设计模式，优化网页文档操作、事件处理、动画设计和Ajax交互等。再来个通俗的比喻帮助你理解：用原生js编程，就好比自己买菜买肉买米买面回家自己做饭吃，虽然过程比较繁琐辛苦，但能够做出有自己特色的饭菜（当然可能好吃也可能不好吃）；而用jq则相当于下馆子或者点外卖，食物都是别人做好的，自己不懂做饭也没关系，会吃就行，而且饭菜的质量一般也是有保障的。
JavaScript 是一种脚本语言，主要用在浏览器中，实现对网页的文档对象的操作和一些用户交互动作的处理。而 jQuery 则是 JavaScript 的一个代码库（或习惯性叫类库），它将一些在 JavaScript 开发中经常用到的功能集合起来，以方便开发者直接使用，而不需要再用原生 JavaScript 语句写大量代码，同时可在不同浏览器间实现一致的效果。是当前最流行的 JavaScript 库之一。
1. jQuery 作为 JavaScript 的代码库，自然是使用 JavaScript 语言编写的。
2. jQuery 的代码非常规范，执行效率也很高，是 JavaScript 编码的优秀范例。
3. 很多情况下，只要使用 jQuery 的方法就可以实现大部分的 JavaScript 功能。
PS：关于程序语言和代码库之间的联系，打个比方，程序语言是原料，代码库则是用原料做成的半成品，而你的程序项目则是成品。你可以选择直接用原料做，也可以选择加入一些半成品。当然用原料做，你可以更自由，而用半成品则效率更高。
