JavaScript 和 jQuery 有什么区别?

IT技术 javascript jquery
2021-02-16 07:43:07

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

6个回答

jQuery 是一个 JavaScript 库。

wiki-jQuery , github , jQuery vs. javascript?


来源

什么是 JQuery?

在 JQuery 之前,开发人员会创建自己的小框架(代码组),这将允许所有开发人员解决所有错误并给他们更多的时间来处理功能,因此 JavaScript 框架诞生了。然后是协作阶段,开发人员组将免费提供代码,而不是编写自己的代码,并创建每个人都可以使用的 JavaScript 代码集。这就是 JQuery,一个 JavaScript 代码库。解释 JQuery 及其使命的最佳方式在 JQuery 网站的首页上有详细说明,其中说:

JQuery 是一个快速而简洁的 JavaScript 库,它简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互,以实现快速的 Web 开发。

如您所见,所有 JQuery 都是 JavaScript。有不止一种类型的 JavaScript 代码集,比如 MooTools,只是 JQuery 是最受欢迎的。


JavaScript 与 JQuery

哪个是最好的 JavaScript 或 JQuery 是一个有争议的讨论,真正的答案是两者都不是最好的。他们都有自己的角色,我曾在在线应用程序中工作过,其中 JQuery 不是正确的工具,而应用程序需要的是直接的 JavaScript 开发。但是对于大多数网站来说,JQuery 就足够了。Web 开发人员需要做的是就哪些工具最适合他们的客户做出明智的决定。第一次进入 Web 开发的人确实需要接触这两种技术,只是一直使用 JQuery 并没有教授 JavaScript 的细微差别以及它如何影响 DOM。


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

这里

我想它不是一个框架,而是一个库。stackoverflow.com/questions/7062775/...
2021-04-16 07:43:07
@StefanoMagistri 是的更新了帖子。
2021-04-19 07:43:07

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 那样想太多。

下面我为上面的代码添加了片段:

document.getElementById("button1")
        .addEventListener('click', function(){ 
            alert("Hello");
        });
<input id="button1" type="button" value="clickMe"/>

$('#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"/>

@Tibos Javascript 让您有机会在需要时选择 DOM 元素并向它们添加某些行为。例如,假设您有一个 <input> 类型的按钮元素,并且您希望在有人单击此元素时提醒一个框。为此,您应该选择元素,为其单击事件添加回调函数等。以上都是js任务。
2021-04-20 07:43:07
真的是一个很好的例子来理解差异。
2021-04-24 07:43:07
什么是 javascript 任务?
2021-05-03 07:43:07
方法名称“getElementById”中存在轻微的拼写错误。我尝试编辑,但它说编辑必须超过 6 个字符!
2021-05-07 07:43:07

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

Javascript 是 jQuery 的基础。

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

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

很可能,您会想要学习和使用它们。通过以下 breif diffrence http://www.slideshare.net/umarali1981/difference-between-java-script-and-jquery