这里有一个我经常听到的问题：JavaScript和jQuery有什么区别？要理解其中的区别，您需要查看一些代码。

　　现在，如果您不理解代码，请不要担心。这样做的重点是看看jQuery和JavaScript如何以不同的方式做同样的事情，以及是什么让jQuery在你想要做的一些事情上变得如此容易。

　　脚本基础

　　因此，假设我们制作了一个简单的网站 - 它只是说“你好”和“再见”(不是一个非常吸引人的网站，但它只是在这里表达一个观点) - 我们希望其中有一点互动性。因此，我们的网站是由三种基本的前端语言构建的。你会有一点HTML，一点CSS和一点爪哇脚本。

　　如果您看过我们之前关于JavaScript是什么的视频，您就会知道它是为了向网站添加交互式元素。它可以是复杂的交互式元素，如可点击的“按钮”，也可以是更简单的东西，例如在单击时更改文本颜色。这些都是可行的，因为像jQuery和JavaScript这样的语言。

　　脚本示例与 jquery 示例

　　为了了解它们之间的区别，让我们看一个这些应用程序的简单示例：使一行文本更改颜色。如果我们想使用JavaScript来做到这一点，代码会是什么样子：

　　var d = document.getElementsByClassName("goodbye");

　　var i;

　　for (i = 0; i < d.length; i++) {

　　d[i].className = d[i].className + " selected";

　　}

　　如果你没有太多的代码，你会被原谅迷失在这一切!一个动作有很多代码，如果你是编码新手，它看起来像是五行废话。

　　jQuery 中的相同操作如下所示：

　　$(".goodbye").addClass("selected");

　　你可以看到它有一行说“抓住这个类，并将这个额外的类从CSS添加到它。从本质上讲，它采用您在JavaScript中看到的所有步骤，并将它们变成一个命令。

　　你可以这样想。当你必须要求某人做一项有很多步骤的任务时——比如做一壶咖啡——你不会告诉他们一次又一次地做这些步骤，你只会说，“嘿，你能煮一些咖啡吗?”

　　这就是j查询。一群开发人员说：“看。在JavaScript中，我们必须一直做这些事情，每次我们必须这样做时，我们都需要五行复杂的事情。他们不想每次都写五行，所以他们想出了一种方法，只需一两行就能做到这一点。

　　j查询入门

　　这就是我们在看jQuery时看到的。我们看到一个熟悉的标题列表 - 动画，延迟，淡入 - 所有这些内容在JavaScript中需要大量的代码行，现在你可以点击它们并将它们写出来，总共五到六行。简而言之，这就是jQuery。这是 JavaScript 的所有功能，但它极大地简化了流程。

　　要开始使用jQuery，您只需要在项目的标头中键入以下代码：

script   src="https://code.jquery.com/jquery-3.4.1.js"   integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="   crossorigin="anonymous" /script

　　通过在代码的顶部键入此 jQuery 行，您的代码突然变得像“我知道动画的含义”和“我知道动画 AddClass 的含义”，只需一行代码。