請盡快升級你的 jQuery！

2024-04-29碼農

未經授權，禁止轉載，轉載請註明出處！

jQuery 對互聯網的影響深遠且持久。自 2006 年誕生之日起，它便迅速成為前端開發者手中的得力助手。jQuery 的出現極大地簡化了 JavaScript 編程的復雜性，使得HTML文件的操作、事件處理、動畫執行等任務變得輕而易舉。自此以後，它一直在網路標準和瀏覽器功能演進的道路上扮演著舉足輕重的角色。

盡管現代 JavaScript 框架層出不窮，很多開發者或許會選擇在新計畫中減少使用 jQuery，但其全球範圍內的普及率依然居高不下。OpenJS 基金會估計高達 90% 的網站都在使用 jQuery。不過，其中約三分之一的網站仍在使用過時的版本，這無疑增加了安全風險和功能局限。

為了應對這一問題，jQuery 團隊和 OpenJS 基金會聯手發起了「健康網路檢查」活動。本文就來看看升級 jQuery 版本的重要性，並提供一份詳盡的升級指南，助你輕松完成 jQuery 的升級工作。

為什麽要升級？

安全漏洞風險 ：jQuery 的程式碼庫中難免存在安全漏洞，從跨站指令碼攻擊（XSS）到更為嚴重的遠端程式碼執行（RCE）等威脅均可能潛伏其中。隨著新漏洞的不斷被發現，jQuery 團隊會及時釋出更新和修補程式來消除這些隱患。透過升級到最新版本的 jQuery，套用將能夠利用這些安全修復，大大降低被攻擊者利用的風險。

最佳安全實踐 ：隨著 jQuery 版本的叠代，新的版本通常會融入更多先進的安全實踐和改進措施，以應對日益復雜的安全威脅。這些改進可能涉及更精細的輸入驗證機制、更強大的使用者內容處理能力，以及更強大的XSS攻擊防護等。透過升級jQuery，你將能夠采納這些最佳實踐，從而進一步加強套用的安全防線。

滿足合規要求 ：在眾多行業和監管環境中，組織需要確保所使用的軟體保持最新版本，並及時解決已知的安全問題，以滿足合規性要求。如果忽視對 jQuery 的升級和安全問題的處理，可能會導致組織違反相關規定，面臨潛在的法律風險。

瀏覽器支持情況

jQuery 的 1.x、2.x和 3.x 版本各自擁有不同的瀏覽器支持列表。然而，根據當前瀏覽器市場的使用情況，jQuery 3.x所支持的瀏覽器（包括IE 9+）在絕大多數情況下已足夠滿足需求。對於即將推出的jQuery 4.x版本，盡管Microsoft已宣布不再支持IE11，但 jQuery 仍將保持對其的相容性。

如何升級？

為了簡化 jQuery 的升級流程， jQuery 團隊特別推出了 jQuery Migrate 外掛程式 。這款外掛程式旨在作為開發輔助工具，透過在瀏覽器控制台中生成警告資訊，幫助開發者快速辨識並修復相容性問題。它臨時恢復了已棄用的特性和行為，使得舊程式碼能夠在升級後的新版本 jQuery 中正常執行，直到相容性問題得到妥善解決。

jQuery Migrate 外掛程式提供了兩個版本供選擇：1.x 和 3.x（不存在 Migrate 2.x 版本）。在升級過程中，只需選擇當前使用的版本即可。註意，如果當前 jQuery 版本早於1.9，則需要按順序分別使用 jQuery Migrate 1.x 和 3.x 來完成升級過程。

舉例來說，如果當前jQuery版本是1.4.4，應首先利用 jQuery Migrate 1.x 將其升級到 jQuery 1.12.4，隨後再使用 jQuery Migrate 3.x 將其升級到最新版本的 jQuery（當前最新版本為 3.7.1）。而如果目前版本是 2.2.4，則直接利用 jQuery Migrate 3.x 即可升級到最新版本的 jQuery。

在升級過程中務必密切關註並仔細審查生成的警告資訊，根據需要進行相應的程式碼調整，確保套用能夠平穩過渡。升級完成後，建議進行全面的測試，以確認新版本的 jQuery 在套用中執行正常，未引入新的問題。

jQuery Migrate 使用說明

首先，確保在載入 jQuery 庫之後，再添加 jQuery Migrate 外掛程式。以下是相應的 HTML 指令碼標簽範例：

<script src="https://code.jquery.com/jquery-3.7.1.js"></script> <script src="https://code.jquery.com/jquery-migrate-3.4.1.js"></script>

接下來，對網站或套用進行徹底測試。隨著使用不同的 jQuery API，jQuery Migrate 會在瀏覽器的控制台中輸出警告資訊，提醒註意任何已棄用或發生重大更改的功能。要仔細檢視每個警告，並按順序逐一解決。最後，一旦控制台中不再出現新的警告，且所有重大更改都已妥善處理，就可以安全地移除 jQuery Migrate 外掛程式，從而完成整個遷移過程。

註意，在移除 jQuery Migrate 之前，務必確保程式碼已針對新版本 jQuery 進行了全面測試，並且沒有引入新的錯誤或問題。jQuery Migrate 是一個臨時性的輔助工具，旨在幫助開發者在升級過程中辨識和解決相容性問題。一旦這些問題得到解決，就應該及時移除 jQuery Migrate，以避免在生產環境中增加不必要的依賴和潛在的效能負擔。

jQuery Migrate： https://github.com/jquery/jquery-migrate

jQuery 升級指南

JQuery 團隊準備了 jQuery 1.9、3.0 和 3.5 的升級指南，其中詳細列出了這些版本中的重大變更。盡管大部份列出的變更可能並不直接適用於你的程式碼，但這些指南仍提供了每個變更的背景和解釋，有助於更好地理解它們。

jQuery 升級指南： https://jquery.com/upgrade-guide/

未來的 jQuery 版本

jQuery 4.0 的即將釋出，升級流程將與升級到 jQuery 3.x 相同，並且可以直接完成升級，無需先升級到 jQuery 3.x。這意味著，可以從 1.9+ 版本直接升級到 jQuery 4.x。同時，JQuery 團隊也將為 jQuery 4.0 準備詳細的升級指南，以幫助開發展順利完成升級。