jQuery动态网页设计案例课堂

图书标准信息

• 作者 刘玉红；蒲娟
• 出版社 清华大学出版社
• 出版时间 2018-03
• 版次 1
• ISBN 9787302491934
• 定价 69.00元
• 装帧 其他
• 开本 16开
• 纸张 胶版纸
• 页数 428页
• 字数 650千字

【内容简介】

《jQuery动态网页设计案例课堂》以零基础讲解为宗旨，用实例引导读者深入学习，采取“基础入门→核心技术→移动网页开发→项目实战”的讲解模式，深入浅出地讲解jQuery的各项技术及实战技能。
  《jQuery动态网页设计案例课堂》第1篇“基础入门”主要内容包括：必须了解的JavaScript知识、深入学习JavaScript对象与数组、jQuery的基础知识、jQuery的选择器等；第2篇“核心技术”主要内容包括：用jQuery控制页面、jQuery的动画特效、jQuery的事件处理、jQuery的功能函数、jQuery与Ajax技术的应用、jQuery插件开发与使用等；第3篇“移动网页开发”主要内容包括：走进jQuery Mobile、jQuery Mobile UI组件、jQuery Mobile 事件等；第4篇“项目实战”主要内容包括：开发时钟特效系统、开发动态字符演示系统、开发图片堆叠系统、开发商品信息展示系统、开发连锁酒店移动网站。
  《jQuery动态网页设计案例课堂》适合任何想学习jQuery网页设计的人员，无论您是否从事计算机相关行业，无论您是否接触过jQuery，通过本书的学习均可快速掌握jQuery网页设计的方法和技巧。

【作者简介】

作者长期从事网站开发工作，数年来承接了大量的项目，具有丰富的实践经验。

【目录】

目    录

第1篇  基

础 入 门

 第1章  必须了解的JavaScript知识   3

1.1　认识JavaScript       4

1.1.1　什么是JavaScript        4

1.1.2　JavaScript的特点        4

1.2　JavaScript的编写工具  5

1.2.1　记事本         5

1.2.2　Dreamweaver CC        6

1.3　JavaScript在HTML 5中的使用    6

1.3.1　在HTML 5网页头中嵌入

JavaScript代码        7

1.3.2　在HTML 5网页中嵌入

JavaScript代码        8

1.3.3　在HTML 5中调用已经存在的

JavaScript文件        9

1.4　 JavaScript的核心语法         10

1.4.1　变量的声明和赋值    10

1.4.2　看透代码中的数据类型    12

1.4.3 

逻辑控制语句    16

1.5　实战演练——一个简单的JavaScript

示例         19

1.6  疑难解惑        20

第2章  深入学习JavaScript对象

与数组     21

2.1　了解对象        22

2.1.1　什么是对象         22

2.1.2　面向对象编程    23

2.1.3　JavaScript的内部对象        24

2.2　对象访问语句        25

2.2.1　for-in循环语句   25

2.2.2　with语句    26

2.3　JavaScript中的数组       27

2.3.1　结构化数据         27

2.3.2　创建和访问数组对象         27

2.3.3　使用for-in语句  30

2.3.4　Array对象的常用属性和方法  30

2.4　详解常用的数组对象方法   39

2.4.1　连接其他数组到当前数组         39

2.4.2　将数组元素连接为字符串         40

2.4.3　移除数组中最后一个元素         41

2.4.4　将指定的数值添加到数组中    41

2.4.5　反序排列数组中的元素    42

2.4.6　删除数组中的第一个元素         43

2.4.7　获取数组中的一部分数据         44

2.4.8　对数组中的元素进行排序         45

2.4.9　将数组转换成字符串         46

2.4.10　将数组转换成本地字符串       47

2.4.11　在数组开头插入数据       47

2.5　创建和使用自定义对象        48

2.5.1　通过定义对象构造函数的方法         48

2.5.2　通过对象直接初始化的方法    51

2.5.3　修改和删除对象实例的属性    52

2.5.4　通过原型为对象添加新属性

和新方法         53

2.5.5　自定义对象的嵌套    54

2.5.6　内存的分配和释放    57

2.6　实战演练——利用二维数组创建

动态下拉菜单         57

2.7　疑难解惑        59

第3章  jQuery的基础知识 61

3.1　jQuery概述    62

3.1.1　jQuery能做什么          62

3.1.2　jQuery的特点     62

3.1.3　jQuery的技术优势     63

3.2　下载并配置jQuery         65

3.2.1　下载jQuery          66

3.2.2　配置jQuery          67

3.3　jQuery的开发工具         67

3.3.1　JavaScript Editor Pro   67

3.3.2　Dreamweaver     68

3.3.3　UltraEdit      69

3.3.4　记事本工具         69

3.4　jQuery的调试小工具    70

3.4.1　Firebug         70

3.4.2　Blackbird      73

3.4.3　jQueryPad    75

3.5　jQuery与CSS 3       75

3.5.1　CSS 3构造规则   75

3.5.2　浏览器的兼容性         76

3.5.3　jQuery的引入     77

3.6　实战演练——我的第一个jQuery程序        78

3.6.1　开发前的一些准备工作    78

3.6.2　具体的程序开发         79

3.7　疑难解惑        79

第4章  jQuery的选择器      81

4.1　jQuery的$      82

4.1.1　$符号的应用       82

4.1.2　功能函数的前缀         83

4.1.3　创建DOM元素  83

4.2　基本选择器   84

4.2.1　通配符选择器(*)         84

4.2.2　ID选择器(#id)     85

4.2.3　类名选择器(.class)     87

4.2.4　元素选择器(element)         88

 

4.2.5　复合选择器         89

4.3　层级选择器   90

4.3.1　祖先后代选择器(ancestor 

descendant)     90

4.3.2　父子选择器(parent>child) 92

4.3.3　相邻元素选择器(prev next)      94

4.3.4　兄弟选择器(prev~siblings)          95

4.4　过滤选择器   97

4.4.1　简单过滤选择器         97

4.4.2　内容过滤选择器         104

4.4.3　可见性过滤器    110

4.4.4　表单过滤器         114

4.5　表单选择器   116

4.5.1　:input选择器      116

4.5.2　:text选择器        117

4.5.3　:password选择器       117

4.5.4　:radio选择器      118

4.5.5　:checkbox选择器        119

4.5.6　:submit选择器   121

4.5.7　:reset选择器      121

4.5.8　:button选择器   122

4.5.9　:image选择器    123

4.5.10　:file选择器        124

4.6　属性选择器   125

4.6.1　[attribute]选择器        125

4.6.2　[attribute=value]选择器     127

4.6.3　[attribute!=value]选择器   128

4.6.4　[attribute$=value]选择器   129

4.7  实战演练——匹配表单中的元素

并实现不同的操作         130

4.8  疑难解惑        132

 

 

第2篇  核

心 技 术

 

第5章  用jQuery控制页面         137

5.1　对页面的内容进行操作        138

5.1.1　对文本内容进行操作         138

5.1.2　对HTML内容进行操作     140

5.1.3　移动和复制页面内容         141

5.1.4　删除页面内容    142

5.1.5　克隆页面内容    143

5.2　对标记的属性进行操作        144

5.2.1　获取属性的值    144

5.2.2　设置属性的值    145

5.2.3　删除属性的值    146

5.3　对表单元素进行操作   147

5.3.1　获取表单元素的值    147

5.3.2　设置表单元素的值    148

5.4　对元素的CSS样式进行操作         149

5.4.1　添加CSS类          149

5.4.2　删除CSS类          151

5.4.3　动态切换CSS类          153

5.4.4　获取和设置CSS样式          154

5.5　实战演练——制作奇偶变色的表格   156

5.6　疑难解惑        158

第6章  jQuery的动画特效 161

6.1　jQuery的基本动画效果         162

6.1.1　隐藏元素    162

6.1.2　显示元素    165

6.1.3　状态切换    167

6.2　淡入淡出的动画效果   168

6.2.1　淡入隐藏元素    169

6.2.2　淡出可见元素    170

6.2.3　切换淡入淡出元素    171

6.2.4　淡入淡出元素至指定数值         172

6.3　滑动效果        174

6.3.1　滑动显示匹配的元素         174

6.3.2　滑动隐藏匹配的元素         175

6.3.3　通过高度的变化动态切换

元素的可见性         176

6.4　自定义的动画效果        178

6.4.1　创建自定义动画         178

6.4.2　停止动画    179

6.5　疑难解惑        181

第7章  jQuery的事件处理 183

7.1　jQuery的事件机制概述         184

7.1.1　什么是jQuery的事件机制         184

7.1.2　事件切换    184

7.1.3　事件冒泡    186

7.2　页面加载响应事件        187

7.3　jQuery中的事件函数    188

7.3.1　键盘操作事件    188

7.3.2　鼠标操作事件    190

7.3.3　其他的常用事件         193

7.4　事件的基本操作   195

7.4.1　绑定事件    195

7.4.2　触发事件    196

7.4.3　移除事件    197

7.5　实战演练——制作绚丽的多级动画

菜单         199

7.6　疑难解惑        204

第8章  jQuery的功能函数 205

8.1　功能函数概述        206

8.2　常用的功能函数   207

8.2.1　操作数组和对象         207

8.2.2　操作字符串         210

8.2.3　序列化操作         212

8.3　调用外部代码        213

8.4　疑难解惑        214

第9章  jQuery与Ajax技术的应用     217

9.1　Ajax快速入门        218

9.1.1　什么是Ajax         218

9.1.2　Ajax的关键元素         221

9.1.3　CSS在Ajax应用中的地位 221

9.2　Ajax的核心技术    222

9.2.1　全面剖析XMLHttpRequest

对象         222

9.2.2　发出Ajax请求    224

9.2.3　处理服务器响应         226

9.3　 jQuery中的Ajax  227

9.3.1　 load()方法 227

9.3.2 

$.get()方法和$.post()方法          230

9.3.3　$.getScript()方法和$.getJson()

方法         233

9.3.4　 $.ajax()方法       236

9.4　疑难解惑        237

第10章  jQuery插件的开发与使用   239

10.1　理解插件      240

10.1.1　什么是插件       240

10.1.2　如何使用插件  240

10.2　流行的插件 241

10.2.1　jQueryUI插件   242

10.2.2　Form插件 243

10.2.3　提示信息插件  245

10.2.4　jcarousel插件   245

10.3　定义自己的插件 246

10.3.1　插件的工作原理       246

10.3.2　自定义一个简单的插件  247

10.4　实战演练——创建拖曳购物车效果 250

10.5　疑难解惑      251

 

 

第3篇  移动网页开发

 

第11章  走进jQuery Mobile        255

11.1 

认识jQuery Mobile      256

11.2 

跨平台移动设备网页jQuery Mobile  256

11.2.1 

移动设备模拟器       256

11.2.2 

jQuery Mobile的安装       258

11.2.3 

jQuery Mobile网页的架构       260

11.3 

创建多页面的jQuery Mobile网页     261

11.4 

将页面作为对话框使用      262

11.5 

绚丽多彩的页面切换效果 264

11.6 

疑难解惑      266

第12章  jQuery MobileUI组件    267

12.1 

套用UI组件         268

12.1.1 

表单组件  268

12.1.2 

按钮和按钮组  276

12.1.3 

按钮图标  278

12.1.4 

弹窗  280

12.2 

列表      281

12.2.1 

列表视图  281

12.2.2 

列表内容  284

12.2.3 

列表过滤  286

12.3 

面板和可折叠块 287

12.3.1 

面板  288

12.3.2 

可折叠块  289

12.4 

导航条 291

12.5 

实战演练——使用jQuery Mobile

 主题       294

12.6 

疑难解惑      297

第13章  jQuery Mobile事件        299

13.1 

页面事件      300

13.1.1 

初始化事件       300

13.1.2 

外部页面加载事件  302

13.1.3 

页面过渡事件  304

13.2 

触摸事件      306

13.2.1 

点击事件  306

13.2.2 

滑动事件  309

13.3 

滚屏事件      311

13.4 

定位事件      314

13.5 

疑难解惑      316

 

 

第4篇  项

目 实 战

 

第14章  项目演练1——开发时钟特效

 系统       319

14.1 

项目需求分析      320

14.2 

项目技术分析      321

14.3 

系统的代码实现 321

14.3.1 

设计首页  322

14.3.2 

定义时钟类       323

14.3.3 

定义数字时钟的视图类  325

14.3.4 

定义圆形指针时钟的视图类  329

14.3.5 

合并多个js文件      331

14.3.6 

合并Clock.js、DigitalView.js

 和CircleView.js文件    332

第15章  项目演练2——开发动态字符

 演示系统       343

15.1 

项目需求分析      344

15.2 

项目技术分析      345

15.3 

系统的代码实现 345

15.3.1 

设计首页  345

15.3.2 

定义动画的类和执行

 动画的类       348

15.3.3 

封装jQuery插件      358

15.3.4 

合并js文件和编译CSS

 文件       359

15.3.5 

合并TextAnimate.js和

 jquery.textanimate.js文件   360

第16章  项目演练3——开发图片堆叠

 系统       367

16.1 

项目需求分析      368

16.2 

系统的代码实现 369

16.2.1 

设计首页  369

16.2.2 

图片堆叠核心功能  374

16.2.3 

封装jQuery插件      382

16.2.4 

合并js文件和编译CSS

 文件       383

16.2.5 

合并ImgPile.js和

 jquery.imgpile.js文件   384

第17章  项目演练4——开发商品信息

 展示系统       393

17.1 

项目需求分析      394

17.2 

项目技术分析      396

17.3 

系统的代码实现 396

17.3.1 

设计首页  396

17.3.2 

开发控制器类的文件       398

17.3.3 

开发数据模型类文件       400

17.3.4 

开发视图抽象类的文件  402

17.3.5 

项目中的其他js文件说明      405

第18章  项目演练5——开发连锁酒店

 移动网站       407

18.1 

连锁酒店订购的需求分析 408

18.2 

网站的结构 408

18.3 

连锁酒店系统的代码实现 409

18.3.1 

设计首页  409

18.3.2 

订购页面  410

18.3.3 

连锁分店页面  415

18.3.4 

查看订单页面  417

18.3.5 

酒店介绍页面  418