已经有vueJs和ReactJs了，jQuery还需要学习吗？

先说结论啊，从我的教学经历和效果反馈来看，零基础新人学习web前端开发，还是需要学习jQuery的。

为什么呢？因为，

一、jQuery对新人很友好，不需要理解很多的思想、理论、模式。拿过来就可以用，用了就可以出效果，很有学习的成就感。

二、jQuery很符合人的自然思维方式，也就是面向过程的思维方式。从a->b，再从b->c，再从c->d，一步一步的做下去。

三、jQuery很容易积累一些代码，因为按现在的标准来看，jq的代码的冗余量很大的。但是对于前端新人来讲，这是一个必须的过程，你必须多写代码，才能少写代码。

例如，你之前一直使用jQuery写代码，然后改到VueJs，你会强烈的感受到vue的便捷，同时你也会很清楚VueJs帮你做了哪些；哪些代码是你以前要写，但现在不用写了；省掉的代码为什么被省掉了...等。我的意思是说，你要有对比，才会有提高。

四、jQ因为没有MVVM的数据<->视图的对应关系，所以必须手动去维护数据与视图的一致性，所以对于前端新人的逻辑思维会有比较好的锻炼作用。当他切换到reactJs或是VueJs的时候，“dom查找器”和“MVVM数据驱动视图”这二种不同思维之间的对比会很强烈，会很明显的感受到reactJs和vueJs比jQuery先进在哪些。

如果没有学习jq的话，就会跳过许多手动操作数据的步骤过程。这对于加深前端开发的理解没有好处。

当然了，我这样说，并不是说jQuery和react、vue谁更好，而是说web前端新人在刚开始时的起步阶段，如果能从jq学起，会比较更顺畅一些。至少从我的学习和教学反馈来讲，是这样的。

<!-- -->

例如，我所主讲的WEB前端零基础课-0413班，电商网站项目的购物车部分，使用jQuery和VueJs分别实现了其业务逻辑，下面先贴出jQuery部分的代码截图，

可以看到，每个交互操作的每个数据都需要手动的去维护，只是js的部分就将近300行，这还只是一个教学项目，而且还不包括100多行的购物车模板，

可以想像，如果是真实的前端开发购物车的工作场景，使用jQuery将达到一个什么样的代码量。众所周知，购物车是最复杂的一个模块，里面各种逻辑、需求纵横交错，相互影响。

但是，同样的一样购物车模块，如果使用vueJs来开发，是这样的，

而vue中的html模板，其实就是html页面本身，

可以看到，仅在代码量上就有了巨大的减少，这其中首先就是开发、维护工作量减少，更是开发思维的不同，而这种差异单纯的只看vue时并不明确，只有通过对比才能感觉到巨大的差异。

<!-- -->

使用jQuery写购物车的时候，因为需要手动控制每一个环节，所以对于购物车模块的整个业务逻辑的每一个细节，都要了然于胸才能写的顺畅，每一个方法做什么的，都要做到心中有数。

web前端新人的最大的短板，其实不是什么js语言、工具之类的东西，而是对于业务逻辑和需求的分析和理解，而你使用jq手动操作每一个细节时，已经在事实上拆分了所有的需求，并实现了按逻辑关系实现了这些需求。这就是前端新人学习前端开发最好的方法，再加个“之一”吧。

当然了，就像我刚才说的，我们学习jQuery的目的，是为了更好的掌握逻辑思维方式，提高需求分析能力。所以搞定jq之后，我们不能停留在jQuery，要马上进入react和Vue，其实也是为了从深层次上能够更好的掌握与理解VueJs这一类mvvm的框架的运行思路。