当然如果读者时间充裕，也可以学习下jQuery源码，一边更好的了解jquery实现原理脚本之家小编小结：想学习js(javascript)，必须学习原生的js 代码，这样才能了解js的精髓之所在。
为旌德等地区用户提供了全套网页设计制作服务，及旌德网站建设行业解决方案。主营业务为成都网站设计、网站建设、外贸网站建设、旌德网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！
前端是先学JS再学jQuery。跟大家分享一份系统的web前端学习路线图！前端页面重构。主要内容为PC端网站布局、HTML5+CSS3基础、WebApp页面布局。
学习js的高级特性，比如闭包、高阶函数、this、prototype、apply、call这些。学点新型前端框架，比如react、angularjs。学习如何自己写前端框架，比如看看jquery的源码，尝试自己实现jquery的一些功能。
一般是这样的，学习jQuery之前应该是先要学习JavaScript的，因为jQuery是JavaScript的一个类库，所以学习了JavaScript一些知识才能更好的理解jQuery。首先说一下JavaScript和jQuery的联系和区别吧。
通过jQuery添加新的内容方法有多种，可以使用append()方法和prepend() 方法进行在被选元素的结尾和开头插入内容。
$(‘选择器’).append(‘添加的内容’)；在选择器中指定类和ID后，调用append并指定要添加的内容。
通过 after() 和 before() 方法添加若干新元素 after() 和 before() 方法能够通过参数接收无限数量的新元素。可以通过 text/HTML、jQuery 或者 JavaScript/DOM 来创建新元素。
首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。
在JavaScript中添加数组元素的方法。
如：left：+=10pxanimate()可以设置队列动画，即动画的不同属性按顺序写，他就会按顺序执行stop（stopAll，goToEnd） 该方法在动画执行完之前就可以结束动画。
jquery基础事件，包括绑定事件、简写事件、复合事件；一．绑定事件 jQuery 通过.bind()方法来为元素绑定这些事件。
最常用的，引入样式表，在样式表中编写样式，引入方式如下： 在Html头部用包起来，在这里面编写样式： { padding： 0；margin： 0 } 在标签里面直接编写行内样式。
选择器有了CSS选择器基础后，看jQuery的选择器就很简单了。
当你准备使用 jQuery，我强烈建议你遵循下面这些指南： 缓存变量DOM 遍历是昂贵的，所以尽量将会重用的元素缓存。
使用步骤如下：jQuery给放到一个文件夹里面，方便我们待会引用这个jQuery，这里我就放到我项目的js文件夹里面。然后我们来开始编辑HTML界面代码。使用script标签把jQuery引入到我们的HTML界面。
正确引用jQuery尽量在body结束前才引入jQuery，而不是在head中。借助第三方提供的CDN来引入jQuery，同时注意当使用第三方CDN出现问题时，要引入本地的jQuery文件。
当然如果读者时间充裕，也可以学习下jQuery源码，一边更好的了解jquery实现原理脚本之家小编小结：想学习js(javascript)，必须学习原生的js 代码，这样才能了解js的精髓之所在。
加载jQuery文件jQuery通常作为单个JavaScript文件出现，其中包含jQuery开箱即用的所有内容。
window.jQuery || document.write(优化jQuery选择器高效正确的使用jQuery选择器是熟练使用jQuery的基础，而掌握jQuery选择器需要一定的时间积累，我们开始学习jQuery时就应该注意选择器的使用。
jQuery提供一些方法（如：toggle）将两种事件效果合并到一起，比如：mouseover、mouseout；keyup、keydown等hover函数hover(over，out)一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。