jQuery动态网页设计案例课堂PDF电子书下载

第1篇 基础入门 3

第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在HTML5网页头中嵌入JavaScript代码 7

1.3.2在HTML 5网页中嵌入JavaScript代码 8

1.3.3在HTML5中调用已经存在的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篇 核心技术 137

第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篇 移动网页开发 255

第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 MobileUl组件 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篇 项目实战 319

第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