摘要：前言前幾天知乎上有一個(gè)問(wèn)題真的過(guò)時(shí)了嗎我的答案是確實(shí)過(guò)時(shí)了感覺(jué)這個(gè)話題挺有趣，那咱們展開(kāi)了聊聊。詳細(xì)地說(shuō)一下為什么過(guò)時(shí)了。天貓去年已經(jīng)宣布不再支持。三并沒(méi)有被淘汰雖然已經(jīng)過(guò)時(shí)了，但是并沒(méi)有被淘汰，而且近幾年也不會(huì)。

前幾天知乎上有一個(gè)問(wèn)題：jQuery真的過(guò)時(shí)了嗎？我的答案是：jQuery確實(shí)過(guò)時(shí)了！感覺(jué)這個(gè)話題挺有趣，那咱們展開(kāi)了聊聊。詳細(xì)地說(shuō)一下jQuery為什么過(guò)時(shí)了。

討論一個(gè)庫(kù)或者框架是否過(guò)時(shí)，應(yīng)該先看看它解決了哪些問(wèn)題，這些問(wèn)題現(xiàn)在是否有更好的解決方案。

jQuery解決了哪些問(wèn)題呢？

瀏覽器兼容問(wèn)題

IE678橫行的年代，瀏覽器兼容問(wèn)題是前端小伙伴們必須掌握的技能，IE6有哪些bug，這得倒背如流。IE不識(shí)別哪些標(biāo)準(zhǔn)的JavaScript方法和對(duì)象，這也得記住，寫(xiě)個(gè)ajax，別人都用XMLHttpRequest,到IE就得用ActiveXObject。苦逼的前端程序員不能專心研究技術(shù)，只能天天為瀏覽器廠商擦屁股。直到j(luò)Query的出現(xiàn)，大家解脫了，DOM操作也好,事件綁定也好，ajax也好，jQuery為我們封裝了兼容各個(gè)瀏覽器的方法，感覺(jué)整個(gè)世界都和平了。

選擇器

沒(méi)有jQuery，我們要用getElementById、getElementsByTagName這些方法獲取DOM對(duì)象。為列表所有元素綁定事件，要么事件委托，要么遍歷所有元素。為了搞定操蛋的DOM接口，我們掌握了各種奇淫技巧，其實(shí)毛用沒(méi)有。有了jQuery,我們可以用css選擇器獲取元素，綁定事件也不在需要遍歷元素列表了，整個(gè)人都清爽了。

動(dòng)畫(huà)效果

我清晰地記得第一次用計(jì)時(shí)器寫(xiě)動(dòng)畫(huà)，如何讓一個(gè)元素動(dòng)起來(lái)，再如何讓它停止運(yùn)動(dòng)。調(diào)試完，無(wú)bug，這就用了一堆代碼了，更不用說(shuō)做一個(gè)完整的頁(yè)面效果，想想就讓人崩潰。在看看jQuery為我們提供的動(dòng)畫(huà)效果，簡(jiǎn)直不敢想象沒(méi)有jQuery，我們?nèi)绾卧贗E678里面實(shí)現(xiàn)我們想要的效果。

總結(jié)

jQuery解決的痛點(diǎn)還遠(yuǎn)不止這些：它的DOM操作，樣式操作，屬性操作，事件綁定，還有遍歷，表單序列化，ajax封裝，這些功能給前端開(kāi)發(fā)帶入了一個(gè)嶄新的世界。一直到今天，jQuery仍然是被前端開(kāi)發(fā)者使用最多的庫(kù)，沒(méi)有之一！

jQuery給前端帶來(lái)的影響是空前的，但是隨著前端的發(fā)展，jQuery也進(jìn)入了一個(gè)過(guò)時(shí)的狀態(tài)，它為我們解決的痛點(diǎn)都已經(jīng)有了替代方案。

瀏覽器兼容

瀏覽器的兼容問(wèn)題越來(lái)越不是問(wèn)題，IE6可以說(shuō)已經(jīng)被淘汰了（目前只有大型國(guó)企、事業(yè)單位、機(jī)關(guān)部門(mén)還有醫(yī)院中的XP系統(tǒng)還保留著IE6，但是也開(kāi)始逐步淘汰中）。天貓去年已經(jīng)宣布不再支持IE8。雖然瀏覽器兼容問(wèn)題仍然存在，但是已經(jīng)不是當(dāng)年那個(gè)坑翻天的時(shí)代了。

選擇器

CSS3新增了大量選擇器，操作樣式，想怎么找就怎么找，不必麻煩jQuery。

原生的JavaScript也新增了querySelector和querySelectorAll方法，可以直接通過(guò)css選擇器獲取元素。

動(dòng)畫(huà)效果

css3提供了豐富的過(guò)渡和動(dòng)畫(huà)效果，讓我們不再依賴jQuery。

ajax

fetch和axios這些第三方模塊已經(jīng)將ajax封裝得相當(dāng)出色了，我們?cè)僖膊挥脼榱艘粋€(gè)$.ajax就引入jQuery。

DOM操作和事件綁定

拋開(kāi)動(dòng)畫(huà)的問(wèn)題，剩下主要就是數(shù)據(jù)的增刪改，這種操作用jQuery，不管從性能的角度，還是易于開(kāi)發(fā)和維護(hù)的角度來(lái)看，mvvm框架都要超jQuery很多。

組件化和模塊化

組件化和模塊化的開(kāi)發(fā)是現(xiàn)在前端開(kāi)發(fā)的主流，優(yōu)點(diǎn)簡(jiǎn)單的說(shuō)就是易于開(kāi)發(fā)、易于維護(hù)、易于團(tuán)隊(duì)分工。

jQuery是可以組件化開(kāi)發(fā)的，但是用jQuery寫(xiě)組件，就用兩個(gè)字形容：蛋疼，誰(shuí)用誰(shuí)知道。

模塊化不管是用ES2015也好（import,export），用webpack也好（require,module.exports），再不行，咱們復(fù)古有點(diǎn)用require.js或者sea.js,這顯然和jQuery都沒(méi)什么關(guān)系

綜上所述

jQuery所有的優(yōu)點(diǎn)都有更優(yōu)秀的解決方案，可以肯定的說(shuō)，jQuery已經(jīng)過(guò)時(shí)了！

（如果貴公司要求兼容IE678,那就另當(dāng)別論了。）

jQuery雖然已經(jīng)過(guò)時(shí)了，但是并沒(méi)有被淘汰，而且近幾年也不會(huì)。

現(xiàn)在市面上的大部分網(wǎng)站和應(yīng)用還是基于jQuery，在此后的幾年，他們?nèi)匀恍枰胘Query維護(hù)。
很多公司沒(méi)有專職的前端開(kāi)發(fā)，他們的前端工作由后臺(tái)負(fù)責(zé)，這些人更喜歡用jQuery加后臺(tái)模板的工作模式。
部分兩三年以上工作經(jīng)驗(yàn)的前端開(kāi)發(fā)，他們安于現(xiàn)狀，排斥css3新特性，也沒(méi)耐心學(xué)習(xí)mvvm框架，jQuery仍是他們的主要工具。
IE678并沒(méi)有消失，所以jQuery仍有用武之地。
jQuery易于上手，仍然很適合做一些簡(jiǎn)單的網(wǎng)站。

綜上所述，jQuery并沒(méi)有被淘汰，仍然是新人必須技能之一。

jQuery雖然過(guò)時(shí)了，但是jQuery仍然是前端開(kāi)發(fā)的必備技能，對(duì)于一個(gè)前端新人，這個(gè)坑一定得踩。

如果您覺(jué)得有收獲，請(qǐng)不要吝惜一個(gè)小小的【贊】，如果喜歡類似的文章，可以關(guān)注微信公眾號(hào)：【曉舟報(bào)告】，第一時(shí)間獲取文章。