一、本质上的区别
javascript 是一种解释型脚本语言，这门语言可用于 html 和 web，更可广泛用于服务器、pc、笔记本电脑、平板电脑和智能手机等设备。
jquery是javascript的一个函数库，也可以说是javascript的一种框架。
javascript代码直接写在5cd6e472395e766622bc5d31b556eb7a2cacc6d41bbb37262a98f745aa00fbf0标签中
jquery的代码也写在5cd6e472395e766622bc5d31b556eb7a2cacc6d41bbb37262a98f745aa00fbf0标签中，但是一定要在html代码前引入jquery库。如下图所示：
二、语法上的区别
javascript与jquery在操作元素节点，属性节点，文本节点，点击事件等方面都有所不同，以下以操作元素节点为例，看看他们有什么不同。
举例1：根据id名获取标签元素
描述：
在页面中创建两个p标签，并给他们一个class类名和id名。便于接下来用javascript和jquery对其进行获取。
用javascript和jquery获取id为first的元素，具体代码如下：
<!doctype html><html><head><meta charset="utf-8"><title></title></head><body><p class="pp" id="first">1</p><p class="pp">2</p></body><script type="text/javascript">var first = $("#first");var first = document.getelementbyid("first");</script></html>
举例2：根据class获取标签元素
var pp = $(".pp");//返回的是一个jquery对象，通过pp[i]能取到具体元素var pp = document.getelementsbyclassname("pp");//返回的是元素列表，通过pp[i]能取到具体元素
举例3：根据标签名获取标签元素
var p = $("p");//返回的是一个jquery对象，通过p[i]能取到具体元素var p = document.getelementsbytagname("p");//返回的是元素列表，通过p[i]能取到具体元素
javascript和jquery在语法上还有很多区别，这里不做太多示范，不清楚的小伙伴可以参考的效果文章，或者访问 javascript视频教程。
总结javascript与jquery的区别：
1、没有javascript就没有jquery,他们是父子关系
2、jquery是对javascript的一种封装，jquery比javascript更简洁
3、jquery是javascript更简单应用的脚本，在写脚本时，javascript与jquery语法基本兼容
以上给大家介绍了javascript与jquery的区别，希望对你有所帮助！
更多相关教程请访问 javascript中文参考手册
以上就是图文详解javascript和jquery的区别的详细内容。