前言
现如今越来越多的前端框架登上了IT互联网这个舞台,他们显得逻辑新颖,思维华丽,运转高效。Angularjs的双向数据绑定,Reactjs的组件式开发,Nodejs的快速普及,Vuejs的轻便强功显得那么炙手可热。但在我们的这个行业中,JQuery却还在默默的被使用着。与其他框架相比,他虽然显得不是那么精彩,但也占据着如今的半壁江山。做为前端开发,你很难完全脱离开jQuery而完全使用一个新的库或者架构完成自己的项目开发,哪怕是Angularjs也内嵌jqLite来完成DOM相关操作,所以,学习并且使用,乃至精通jQuery在一定程度上决定着我们前端这条路的发展。
使用jQuery可以很大程度的解决我们操作DOM的繁琐,避免浏览器的各种DOM操作的兼容问题,而且在本书中我将会以更初级的示例,更直白的表达,以及更符合真实项目的代码实例来进行知识点讲解。但并不证明使用了jQuery就不需要学习原生的javascript,反正我更推荐前端人员熟练一段时间的原生javascript以后再使用jQuery,而且再后面我还会说一些jQuery源码中关于常用方法的封装,从而让你更明白自己怎么来封装属于自己项目的jQuery方法和组件。
本书概要结构点
1、 本书基于jQuery v1.10.2,将会讲解选择器的介绍,如何配合使用,以及更多的DOM操作API方法的知识点,同时含有相关真实项目的使用,还会举例说明完成需求的同时,还有哪些方法可以实现同样的需求,用以达到举一反三的效果;
2、 做一个属于自己的网站前端搭建,让初学者可以在学习本书的同时,完成自己的jQuery项目,项目会包含首页,登录页,列表页,详情页,文章页,个人中心等的一些真实项目开发;
3、 本书还会带你做一些jQuery组件的开发,如数据表格、日历组件、号码放大镜、网站轮播图等,让你的jQuery技术更上一个层次;
4、 一些常用的jQuery方法,比如attr除了和原生的setAttribute,getAttribute有点关系,他更增加了哪些封装代码,再比如我们的ajax除了封装了原生的HTTPRequest之外,还会有哪些逻辑在里面,再比如show方法,除了改变元素的display样式属性外,方法中传入数值又做了哪些操作等等,我会找到相应的源码部分,做出一些解析,让你不光会使用,而且还懂的他的内部逻辑。
适用读者
1、 适用于对HTML、CSS、JavaScript基础知识有一定了解的初学者,本书将会以更基础的示例切入;
2、 真实项目中已将开始使用,或者即将要开始使用的开发人员,本书将是一本实战型的jQuery开发宝典,将会让你在实战中更加顺利的掌握jQuery;
3、 本书希望书前的你是一位勤奋的读者,而不希望是一个只看书不写代码的开发者,因为久看而不实操必忘。
本书约定
1、 本书HTML顶部文档声明默认为<!DOCTYPE html>声明
2、 本书的默认编码格式为UTF-8
<meta charset="UTF-8">
3、 本书代码中默认已经做了jquery-1.10.2.js的引入
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type=”text/javascript” src=” jquery-1.10.2.js”></script>
</head>
<body>
</body>
</html>
4、 如无特殊说明,本书所有示例代码执行浏览器为chrome浏览器
5、 本书中写到js或者javascript关键字,都表示为javascript
写本书的目的
本书加入了更多的实战实例,可以成为一本项目实战的案头手册,甚至是bug排查书籍,看完本书可以让初学者达到一个中级jQuery开发者的水平。
目前市面上的前端框架已经很多了,很显然你只会jQuery是不够的,但众多框架中,jQuery却是最接近原生写法的一个库,学习好jQuery将更有利于你理解JavaScript的一些特性和原理,同时更有利于去学习下一个感兴趣的前端框架。本书将以更直白的表达,更明白的示例让读者花费更少的精力来学通jQuery。