前端的同學會發現，除了一些老項目外，現在基本沒有新的前端項目使用JQuery了。因此，我們不得不接受一個現實，那就是曾經風光無限的JQuery，即將要被歷史淘汰了。

JQuery

為什么那么受人們歡迎的JQuery就要面臨被淘汰的命運呢？今天我們就來全面分析一下背后的原因。

一、JQuery的優勢

我們來分析一下JQuery的優點，了解一下他在當時為什么會受歡迎。

1.強大的DOM操作

JQuery提供了非常完善的DOM操作API，DOM節點的增、刪、改、查，節點的樣式更新，還是事件的交互處理 ，使用起來都非常方便。提供了各種節點選擇器，可以進行節點的批量操作，非常高效。

2.JQuery AJAX

AJAX的出現，對前端來說絕對是個革命性的變化，使得瀏覽器可以跟服務端異步請求，實現頁面的局部刷新。JQuery提供的AJAX接口，使用起來極其簡單、方便。在使用簡單的基礎上，還提供了各種配置、回調函數等，又保證了其功能的強大性，無論是POST、GET、同步、異步，還是文件上傳，能滿足各種場景。

3.領先時代的動畫

JQuery的動畫特效，能讓頁面做出非常酷炫的效果，使得頁面效果更加生動活潑，這在當時是非常領先的。

4.豐富的插件

JQuery還支持插件的擴展，在標準的JQuery上，添加自己的插件功能。這就讓當時的互聯網上，出現了很多好用的JQuery插件，直接通過拿來主義就能使用。

從以上分析看，JQuery在當時，甚至是現在來說，都是非常優秀的。因此，JQuery的淘汰，不是因為你不夠優秀，而是因為時代不再需要你了，是不是有點像當年柯達膠卷被時代拋棄的悲情。

二、為什么會被淘汰

我們來具體分析被淘汰的原因，總體來說，新技術的更新換代，JQuery在新一代技術的降維打擊之下，不得不面臨被淘汰。

1.優勢被超越

JQuery的DOM操作優勢，現在的新技術換了一個不同的賽道跟JQuery競爭，現在都是通過模板語法、數據綁定、虛擬DOM等技術，進行頁面UI的更新，更加方便、高效，也就是說，我們不再需要手動進行DOM操作了。

對于JQuery AJAX，目前已經要被axios等取代，axios不僅同樣強大、好用，而且支持請求、響應攔截的處理，這是JQuery不具備的。

JQuery的動畫特效，在CSS3出現后，完全不占優勢，CSS3更是支持硬件加速，性能體驗更優，這在移動互聯網上非常重要。

最后，說說JQuery插件，相對于各種插件的大雜燴，可能會面臨各種兼容問題，現在前端則是整套完整、風格統一的組件庫，如：ElementUI、有贊UI、京東UI等等，一個庫能提供你所有常用的組件。

2.新的技術趨勢

JQuery充其量只是一個組件庫，只能滿足前端開發某一方面、或某幾方面的需要。

現在前端項目的復雜度，要求我們有一整套完整的解決方案，包括模板綁定、路由、狀態、監聽、過濾等等。在模塊化、組件化、MVVM等編程思想下，出現了一大批架構級的優秀前端框架，如：vue、react、angular等，它們具備以上所說的全部能力。

如此復雜的前端架構，又必須要有前端的工程化管理，這些框架能很好地配合nodejs、webpack等，實現架構搭建、開發、測試、發布（壓縮、混淆、打包編譯等），等全過程的自動化、工程化管理。

因此，在這些新技術趨勢下，JQuery的生存空間已經很小了。

三、致敬JQuery

時代在進步，是時候跟JQuery說再見了，但無論如何，我們都需要對JQuery致以崇高的敬意，陪伴一代前端程序員走過青春。

致敬JQuery