JavaScript 和 jQuery 有什么区别？ [关闭]答案

【问题标题】：What is the difference between JavaScript and jQuery? [closed]JavaScript 和 jQuery 有什么区别？ [关闭]
【发布时间】：2020-12-28 14:43:03
【问题描述】：

JavaScript 和 jQuery 之间的主要区别是什么。我知道像 jQuery 这样的细微差别是高性能更可靠。

【问题讨论】：

jQuery 是一个用 javascript 编写的库，使编码更容易。我最喜欢的部分是它们的命名功能，例如toggle, show, hide, slideToggle, insertAfter。
jQuery 是一个用 Javascript 构建的库/框架。它非常受欢迎，因为它（几乎普遍）抽象出跨浏览器兼容性问题，并强调不显眼和回调驱动的 Javascript 编程。stackoverflow
“jquery 高性能”你一定是看错了什么
jQuery 需要的附加库可以显着增加网速较慢的用户的加载时间。

标签： javascript jquery

【解决方案1】：

jQuery 是一个 JavaScript 库。

阅读

wiki-jQuery, github, jQuery vs. javascript?

Source

什么是 JQuery？

在 JQuery 之前，开发人员会创建自己的小型框架（代码组）这将允许所有开发人员解决所有问题并给他们更多的时间来处理功能，所以 JavaScript 框架诞生了。然后是合作阶段，开发人员组而不是编写自己的代码会给它免费并创建每个人都可以使用的 JavaScript 代码集采用。这就是 JQuery，一个 JavaScript 代码库。最好的解释 JQuery 及其使命的方式在首页上都有很好的说明的 JQuery 网站说：

JQuery 是一个快速简洁的 JavaScript 库，可简化 HTML 文档遍历、事件处理、动画和 Ajax 交互用于快速 Web 开发。

如您所见，所有 JQuery 都是 JavaScript。不止一个像 MooTools 这样的 JavaScript 代码集类型 JQuery 是最受欢迎的。

JavaScript 与 JQuery

哪个是最好的 JavaScript 或 JQuery 是一个有争议的讨论，真的，答案都不是最好的。他们都有自己的角色我曾在 JQuery 不是正确工具的在线应用程序上工作应用程序需要的是直接的 JavaScript 开发。但是对于大多数网站来说，只需要 JQuery。什么网开发人员需要做的是对什么工具做出明智的决定最适合他们的客户。第一次进入 Web 开发的人会只需要一直使用 JQuery 就需要接触这两种技术不教授 JavaScript 的细微差别以及它如何影响 DOM。一直使用 JavaScript 会减慢项目的速度，因为 JQuery 库解决了 JavaScript 将解决的大部分问题在每个 Web 浏览器之间都有，它使部署安全，因为它是确保适用于所有平台。

JavaScript 是一种语言。 jQuery 是一个用 JavaScript 构建的库，用于帮助执行常见 Web 任务的 JavaScript 程序员。

见here。

【讨论】：

我猜它不是一个框架而是一个库。 stackoverflow.com/questions/7062775/…
@StefanoMagistri 是的更新了帖子。

【解决方案2】：

jQuery 是一个 JavaScript 库，可用于与 DOM 进行通信（选择 html 元素、附加事件侦听器、动画等）、创建和使用 AJAX 请求以及以更简单的方式而不是其他事情使用纯 JavaScript。 jQuery 是用 JavaScript 编写的。应该提到的是，浏览器只解析 HTML、CSS 和 JavaScript 文件。因此，所有的 JavaScript 库/框架（jQuery、Knockout、Angular）都是用 JavaScript 或像 TypeScript 这样的转换成 JavaScript 的语言（例如 Angular 2）编写的。它们使您有机会编写更少的代码行或创建遵循 MVC（例如 Angular）、MVVM（例如 Knockout）等模式的接口以及其他模式，但在后台，它们都是 JavaScript 文件的结果。

为了理解为什么使用 jQuery 你少写多写的例子如下。

让我们有以下输入元素

<input id="button1" type="button" value="clickMe"/>

另外，当有人点击按钮时，我们希望通过向用户显示“你好”消息的警报框得到通知。

如果我们必须使用纯 JavaScript 来完成这项工作，我们会编写以下代码：

document.getElementById("button1")
        .addEventListener('click', function(){ 
            alert("Hello");
        });

另一方面，如果我们使用 jQuery，只需编写以下代码就可以获得相同的结果：

$('#button1').click(function(){ 
    alert("Hello"); 
});

使用 jQuery 比使用纯 JavaScript 更清晰。（少写多写是 jQuery 的 moto）

此外，jQuery 很好地处理了浏览器兼容性的主题，您可以非常轻松地使用它们的 API，而无需考虑太多，就好像在使用纯 JavaScript 的情况下应该做的那样。

下面我为上面的代码添加了sn-ps：

document.getElementById("button1")
        .addEventListener('click', function(){ 
            alert("Hello");
        });

&lt;input id="button1" type="button" value="clickMe"/&gt;

$('#button1').click(function(){ alert("Hello"); });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="button1" type="button" value="clickMe"/>

【讨论】：

什么是 JavaScript 任务？
@Tibos Javascript 让您有机会选择 DOM 元素并在需要时向它们添加某些行为。例如，假设您有一个按钮类型的元素，并且您希望在有人单击此元素时提醒一个框。为此，您应该选择元素，为其单击事件添加回调函数等。以上都是js任务。
真的是一个很好的例子来理解差异。
方法名“getElementById”有一点拼写错误。我试过编辑，但它说编辑必须超过 6 个字符！

【解决方案3】：

Javascript 是一种编程语言，而 jQuery 是一个库，可帮助您更轻松地编写 javascript。它对于简单地遍历 HTML 页面中的 DOM 尤其有用。

【讨论】：

【解决方案4】：

Javascript 是 jQuery 的基础。

jQuery 是 JavaScript 的包装器，具有许多预先编写的功能和 DOM 遍历。

【讨论】：

【解决方案5】：

jQuery 是使用 JavaScript 编写的，是一个供 JavaScript 使用的库。不学习 JavaScript 就无法学习 jQuery。

您可能会想学习和使用这两种方法。经历以下简要差异 http://www.slideshare.net/umarali1981/difference-between-java-script-and-jquery

【讨论】：

【解决方案6】：

jQuery 是一个多浏览器（参见跨浏览器）JavaScript 库，旨在简化 HTML 的客户端脚本。见http://en.wikipedia.org/wiki/JQuery

【讨论】：