图文详细说明JavaScript与jQuery的区别
网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。因而，超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。
JavaScript是前端开发在必不可少的一部分，jQuery因为使用方便快捷也被广泛使用，两者都可以实现页面的效果，那你知道JavaScript和jQuery的区别在哪里吗？这篇文章就和大家讲讲JavaScript和jQuery的区别，感兴趣的小伙伴可以参考一下。一、本质上的区别
JavaScript 是一种解释型脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。
JQuery是JavaScript的一个函数库，也可以说是JavaScript的一种框架。
JavaScript代码直接写在<script type="text/javascript"></script>标签中
jQuery的代码也写在<script type="text/javascript"></script>标签中，但是一定要在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]能取到具体元素