前端是先学JS再学jQuery。跟大家分享一份系统的web前端学习路线图！1、前端页面重构。主要内容为PC端网站布局、HTML5+CSS3基础、WebApp页面布局。学习目标是完成PC端网站布局，WebApp页面布局，还要可以通过HTML5+CSS3的2D、3D等属性实现一些精美的动画效果。2、JavaScript高级课程、PC端全栈项目开发。主要内容为原生JavaScript、面向对象进阶与ES5/ES6应用、JavaScript工具库自主研发、JQuery经典交互特效开发、HTTP协议、Ajax进阶与后端开发、前端工程化与模块化应用以及AngularJS等。学习目标是可以通过原生JavaScript开发交互功能，实现网站上的交互效果，以及模块化应用等，实现完整的前端工程。3、Web前端框架、混合开发(Hybrid，RN)、大数据可视化。主要内容为Node.js后端开发、Vue.js前端框架、React前端框架、混合开发(Hybrid，RN)、Angular前端框架、大数据可视化等。学习目标是可以独立完成相应的项目，如场景，应用Vue.js/Ionic/React.js等框架开发WebApp，小程序项目开发，以及各类混合应用项目开发等。 以上就是为大家规划的学习路线，相信学完即使是零基础的小白，也能熟练掌握移动Web网页开发、JavaScript网页编程、前后端交互、小程序项目开发，以及各类混合应用项目开发等核心技能，胜任前端开发工程师的岗位。
js是javascript的简写；javascript是原生态的内容，要先学js的，jquer是封装后的js框架，是为了方便使用；jquery就是要用更少的代码，漂亮的完成更多的功能
JavaScript代码：
var imgs = document.getElementById('imgs')
var para = document.getElementsByTag('p')
para.parenetNode.insertBefore(imgs,para)
JQuery：
JQuery提供了4种将新元素插入到已有元素（外部）之前或者之后的方法：after()、insertAfter()、before()、insertBefore()。
格式：$( html )
eg，html代码：
<p>World!</p>
楼主要知道的是，先有js，然后才有jQuery。
jQuery是js常用方法属性的集合，举个例子：
数学中，学习了数字和加减乘除之后，你会算圆的面积=πr²，这就像js
一步一步算出来。然后现在有了jQuery，你只需要输入r值，面积就自动出来了。
所以jQuery能帮助你在js基础上省去很多麻烦，所以显而易见先学习js。
