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 將在程式設計歷史上保持其地位。它為所有取代它的現代瀏覽器功能鋪平了道路。它為瀏覽器不相容這個非常現實的問題提供了答案。它仍然會被許多從事簡單專案、必須使用遺留程式碼或想要快速開發某些東西的程式設計師使用，直到它不再是。