JQuery 在现代 Web 开发中的作用：起点、2024 年及以后

介绍

现代 Web 开发中有许多可用的 JavaScript 库。最重要的之一是 jQuery，它使 Web 开发人员更容易执行复杂的任务。我们将探索 jQuery 从出现到今天的历史，并着眼于它在未来几年的发展。

jQuery 的起源

jQuery 是 John Resig 创建的，他于 2006 年开发了该库，以便更轻松地使用 JavaScript 操作 DOM。我们现在可以以简单一致的方式处理日常任务。

早期影响和广泛采用

由于 jQuery 可以使用更简单的语法完成强大的功能，因此在开发人员中非常流行。让我们看一下使用 jQuery 完成的简单 DOM 操作，与使用普通 JavaScript 进行的相同 DOM 操作进行比较：

普通 JavaScript

Vanilla JavaScript

jQuery

JQuery

在使用 vanilla js 的第一个示例中，我们选择带有 id 示例的 div 元素，并更新其内部 HTML，以便空 div 现在显示“Hello jQuery！”。在第二个示例中，我们导入 jQuery 库，然后使用 jQuery 选择器 $ 和 id 的哈希值。 div 内容现在显示“Hello World!”。两种方法的结果是相同的，但是 jQuery 更具可读性并且更容易实现。这就是它迅速流行的原因之一。

另一个原因是它能够在许多不同类型的浏览器上使用。在 Web 开发的早期，每种不同的 Web 浏览器（如 Safari、Firefox 或 Internet Explorer）以不同的方式呈现网页。因此，有时网站可以在一种浏览器上运行，但不能在另一种浏览器上运行。 jQuery 通过自动处理浏览器之间的差异解决了这个问题，使开发人员更容易编写跨浏览器运行的代码。它使编写 JavaScript 变得更容易并且更不容易出错。

2024 年的 jQuery

当前形势

不过，今天的情况与 2006 年有很大不同。现在有很多可用的框架，例如 Vue.js、Angular 和 React。即便如此，jQuery 仍然被世界各地的程序员广泛使用。它通常用于没有复杂功能、现有代码库或遗留系统或快速开发的小型项目。

以下是使用 jQuery 和 Fetch API 的 Ajax 调用的比较：

jQuery

JQuery

获取API

Fetch API

jQuery 示例抽象了设置 XMLHttpRequest 的复杂性，提供了一种更简单的方法来通过内置的成功和错误处理来处理 HTTP 请求。语法更简单，开发人员更容易学习、编写和理解。 Fetch API 是一种依赖于承诺的新方法。它与 ES8 中引入的 async/await 语法配合良好。 Fetch API 可能更强大，但 jQuery 快速且简单，因此它仍然是许多开发人员的首选，尤其是当他们使用已经包含 jQuery 的代码时，而 jQuery 仍然是大部分代码。

什么样的未来

由于现在所有 Web 浏览器都以相同的方式读取 JavaScript，因此对 jQuery 的浏览器兼容性的依赖不再是真正的问题。除此之外，我们曾经需要 jQuery 来完成的事情现在可以在我们自己的浏览器中使用 API 来完成。事情可能会以这种方式继续下去，随着浏览器变得越来越强大，我们甚至不再需要依赖 jQuery 的替代品，比如 React。不管怎样，可以肯定的是，jQuery 将在编程历史上保持其地位。它为所有取代它的现代浏览器功能铺平了道路。它为浏览器不兼容这个非常现实的问题提供了答案。它仍然会被许多从事简单项目、必须使用遗留代码或想要快速开发某些东西的程序员使用，直到它不再是。