jQuery真的过时了!

前言

前几天知乎上有一个问题：jQuery真的过时了吗？我的答案是：jQuery确实过时了！感觉这个话题挺有趣，那咱们展开了聊聊。详细地说一下jQuery为什么过时了。

一、jQuery解决了哪些痛点

讨论一个库或者框架是否过时，应该先看看它解决了哪些问题，这些问题现在是否有更好的解决方案。

jQuery解决了哪些问题呢？

浏览器兼容问题

IE678横行的年代，浏览器兼容问题是前端小伙伴们必须掌握的技能，IE6有哪些bug，这得倒背如流。IE不识别哪些标准的JavaScript方法和对象，这也得记住，写个ajax，别人都用XMLHttpRequest,到IE就得用ActiveXObject。苦逼的前端程序员不能专心研究技术，只能天天为浏览器厂商擦屁股。直到jQuery的出现，大家解脱了，DOM操作也好,事件绑定也好，ajax也好，jQuery为我们封装了兼容各个浏览器的方法，感觉整个世界都和平了。

选择器

没有jQuery，我们要用getElementById、getElementsByTagName这些方法获取DOM对象。为列表所有元素绑定事件，要么事件委托，要么遍历所有元素。为了搞定操蛋的DOM接口，我们掌握了各种奇淫技巧，其实毛用没有。有了jQuery,我们可以用css选择器获取元素，绑定事件也不在需要遍历元素列表了，整个人都清爽了。

动画效果

我清晰地记得第一次用计时器写动画，如何让一个元素动起来，再如何让它停止运动。调试完，无bug，这就用了一堆代码了，更不用说做一个完整的页面效果，想想就让人崩溃。在看看jQuery为我们提供的动画效果，简直不敢想象没有jQuery，我们如何在IE678里面实现我们想要的效果。

总结

jQuery解决的痛点还远不止这些：它的DOM操作，样式操作，属性操作，事件绑定，还有遍历，表单序列化，ajax封装，这些功能给前端开发带入了一个崭新的世界。一直到今天，jQuery仍然是被前端开发者使用最多的库，没有之一！

二、替代jQuery的解决方案

jQuery给前端带来的影响是空前的，但是随着前端的发展，jQuery也进入了一个过时的状态，它为我们解决的痛点都已经有了替代方案。

浏览器兼容

浏览器的兼容问题越来越不是问题，IE6可以说已经被淘汰了（目前只有大型国企、事业单位、机关部门还有医院中的XP系统还保留着IE6，但是也开始逐步淘汰中）。天猫去年已经宣布不再支持IE8。虽然浏览器兼容问题仍然存在，但是已经不是当年那个坑翻天的时代了。

选择器

CSS3新增了大量选择器，操作样式，想怎么找就怎么找，不必麻烦jQuery。

原生的JavaScript也新增了querySelector和querySelectorAll方法，可以直接通过css选择器获取元素。

动画效果

css3提供了丰富的过渡和动画效果，让我们不再依赖jQuery。

ajax

fetch和axios这些第三方模块已经将ajax封装得相当出色了，我们再也不用为了一个$.ajax就引入jQuery。

DOM操作和事件绑定

抛开动画的问题，剩下主要就是数据的增删改，这种操作用jQuery，不管从性能的角度，还是易于开发和维护的角度来看，mvvm框架都要超jQuery很多。

组件化和模块化

组件化和模块化的开发是现在前端开发的主流，优点简单的说就是易于开发、易于维护、易于团队分工。

jQuery是可以组件化开发的，但是用jQuery写组件，就用两个字形容：蛋疼，谁用谁知道。

模块化不管是用ES2015也好（import,export），用webpack也好（require,module.exports），再不行，咱们复古有点用require.js或者sea.js,这显然和jQuery都没什么关系

综上所述

jQuery所有的优点都有更优秀的解决方案，可以肯定的说，jQuery已经过时了！

（如果贵公司要求兼容IE678,那就另当别论了。）

三、jQuery并没有被淘汰

jQuery虽然已经过时了，但是并没有被淘汰，而且近几年也不会。

现在市面上的大部分网站和应用还是基于jQuery，在此后的几年，他们仍然需要用jQuery维护。
很多公司没有专职的前端开发，他们的前端工作由后台负责，这些人更喜欢用jQuery加后台模板的工作模式。
部分两三年以上工作经验的前端开发，他们安于现状，排斥css3新特性，也没耐心学习mvvm框架，jQuery仍是他们的主要工具。
IE678并没有消失，所以jQuery仍有用武之地。
jQuery易于上手，仍然很适合做一些简单的网站。

综上所述，jQuery并没有被淘汰，仍然是新人必须技能之一。

四、总结

jQuery虽然过时了，但是jQuery仍然是前端开发的必备技能，对于一个前端新人，这个坑一定得踩。

五、尾声

如果您觉得有收获，请不要吝惜一个小小的【赞】，如果喜欢类似的文章，可以关注微信公众号：【晓舟报告】，第一时间获取文章。