jQuery与JavaScript入门经典

目　录

第1章　动态Web编程简介　1

1.1　理解Web服务器/浏览器范式　1

1.1.1　Web服务器与Web浏览器通信涉及的术语　2

1.1.2　Web服务器和客户端脚本编程　6

1.2　为编写jQuery和JavaScript做准备　10

1.2.1　搭建Web开发环境　11

1.2.2　创建Web开发项目　17

1.2.3　添加CSS　19

1.2.4　编写动态脚本　20

1.3　小结　21

1.4　问与答　22

1.5　作业　22

1.5.1　测验　22

1.5.2　答案　22

1.5.3　练习　22

第2章 调试jQuery和JavaScript网页　24

2.1　JavaScript控制台　24

2.2　调试HTML元素　28

2.2.1　查看HTML元素　28

2.2.2　查看和编辑DOM　31

2.3　调试CSS　33

2.3.1　使用CSS检查器　33

2.3.2　使用样式检查器　33

2.3.3　使用布局检查器　34

2.4　调试jQuery和JavaScript　39

2.4.1　JavaScript调试器　39

2.4.2　如何调试jQuery呢　44

2.5　分析网络流量　44

2.6　小结　46

2.7　问与答　46

2.8　作业　46

2.8.1　测验　46

2.8.2　答案　47

2.8.3　练习　47

第3章 理解动态网页的结构　48

3.1　使用HTML/HTML5元素创建动态网页　49

3.2　理解HTML的结构　49

3.3　实现HTML头元素　50

3.3.1　　51

3.3.2　　51

3.3.3　　52

3.3.4　　53

3.3.5　　53

3.3.6　　54

3.4　添加HTML体元素　54

3.4.1　使用重要的体元素属性　54

3.4.2　理解块级元素和行内元素　55

3.4.3　创建容器元素　56

3.4.4　添加链接元素　59

3.4.5　使用图像元素　59

3.4.6　使用列表元素　60

3.4.7　创建表格元素　60

3.4.8　实现表单元素　63

3.5　添加一些HTML5高级元素　66

3.5.1　使用HTML5图形元素　66

3.5.2　添加媒体元素　72

3.6　小结　73

3.7　问与答　73

3.8　作业　73

3.8.1　测验　73

3.8.2　答案　74

3.8.3　练习　74

第4章 使用CSS/CSS3样式实现动态设计和布局　75

4.1　在网页中添加CSS样式　75

4.1.1　从文件加载CSS样式　76

4.1.2　在页头中添加CSS样式　76

4.1.3　在页体中指定CSS样式　77

4.1.4　在HTML元素中指定CSS样式　77

4.2　给HTML元素指定CSS样式　77

4.2.1　理解CSS基本语法　77

4.2.2　使用CSS选择器指定HTML元素的样式　79

4.2.3　使用CSS设计属性　81

4.2.4　使用CSS布局属性　95

4.3　为动态地调整CSS属性做好准备　102

4.3.1　为动态指定HTML元素所属的类做好准备　103

4.3.2　为直接调整CSS属性做好准备　103

4.4　小结　103

4.5　问与答　104

4.6　作业　104

4.6.1　测验　104

4.6.2　答案　104

4.6.3　练习　105

第5章 jQuery和JavaScript语法　106

5.1　在网页中添加jQuery和JavaScript　106

5.1.1　加载jQuery库　106

5.1.2　实现jQuery和JavaScript　107

5.1.3　访问HTML事件处理程序　107

5.2　访问DOM　109

5.2.1　使用JavaScript访问DOM　109

5.2.2　使用jQuery选择器访问HTML元素　109

5.3　理解JavaScript语法　111

5.3.1　创建变量　111

5.3.2　理解JavaScript数据类型　112

5.3.3　使用运算符　113

5.3.4　使用比较运算符和条件运算符　114

5.3.5　实现循环　117

5.3.6　创建函数　120

5.3.7　理解变量作用域　123

5.3.8　添加错误处理　123

5.4　小结　125

5.5　问与答　125

5.6　作业　125

5.6.1　测验　125

5.6.2　答案　126

5.6.3　练习　126

第6章 理解并使用Java Script对象　127

6.1　使用对象语法　127

6.1.1　创建新的对象实例　127

6.1.2　访问对象的属性　128

6.1.3　访问对象的方法　128

6.1.4　给对象添加值和方法　128

6.2　理解内置对象　128

6.2.1　Number　129

6.2.2　String　129

6.2.3　Array　133

6.2.4　Date　138

6.2.5　Math　139

6.2.6　RegExp　139

6.3　创建自定义对象　140

6.3.1　定义JavaScript对象　140

6.3.2　给JavaScript对象添加方法　140

6.3.3　使用原型对象模式　141

6.4　小结　144

6.5　问与答　144

6.6　作业　145

6.6.1　测验　145

6.6.2　答案　145

6.6.3　练习　145

第7章 使用JavaScript和jQuery对象访问DOM元素　146

7.1　理解DOM对象和jQuery对象　146

7.1.1　JavaScript DOM对象简介　146

7.1.2　jQuery对象简介　147

7.1.3　判断对象是DOM对象还是jQuery对象　148

7.1.4　在DOM对象和jQuery对象之间进行转换　148

7.2　在JavaScript中访问DOM对象　149

7.2.1　根据ID查找DOM对象　149

7.2.2　根据类名查找DOM对象　149

7.2.3　根据标签名查看DOM对象　149

7.3　使用jQuery选择器　152

7.3.1　使用基本选择器　152

7.3.2　使用属性选择器　153

7.3.3　使用内容选择器　154

7.3.4　使用层次选择器　154

7.3.5　使用表单选择器　155

7.3.6　使用可视性选择器　155

7.3.7　使用筛选选择器　155

7.4　小结　159

7.5　问与答　159

7.6　作业　159

7.6.1　测验　159

7.6.2　答案　160

7.6.3　练习　160

第8章 使用jQuery导航和操作jQuery对象和DOM元素　161

8.1　串接jQuery操作　161

8.2　筛选jQuery对象表示的结果　162

8.3　使用jQuery对象遍历DOM　163

8.4　jQuery对象的其他一些方法　164

8.4.1　使用.each()　165

8.4.2　使用.map()　166

8.5　小结　172

8.6　问与答　172

8.7　作业　172

8.7.1　测验　172

8.7.2　答案　173

8.7.3　练习　173

第9章 使用事件实现交互性极强的网页　174

9.1　理解事件　174

9.1.1　理解事件处理过程　175

9.1.2　事件对象　176

9.1.3　事件类型　177

9.2　使用网页加载事件进行初始化　178

9.2.1　使用JavaScript onload1事件　178

9.2.2　使用jQuery添加初始化代码　179

9.3　给DOM元素添加和删除事件处理程序　179

9.3.1　在HTML中指定事件处理程序　179

9.3.2　使用JavaScript添加事件处理程序　180

9.3.3　使用jQuery指定事件处理程序　184

9.3.4　使用jQuery辅助函数指定事件处理程序　187

9.4　手工触发事件　187

9.4.1　使用JavaScript手工触发事件　188

9.4.2　使用jQuery手工触发事件　191

9.5　创建自定义事件　194

9.5.1　使用JavaScript添加自定义事件　194

9.5.2　使用jQuery添加自定义事件　195

9.6　实现回调　195

9.6.1　理解回调机制　195

9.6.2　使用延迟对象　196

9.7　小结　197

9.8　问与答　197

9.9　作业　197

9.9.1　测验　197

9.9.2　答案　197

9.9.3　练习　198

第10章 动态地访问和操作网页　199

10.1　访问浏览器和网页元素的值　199

10.1.1　获取鼠标位置　200

10.1.2　获取和设置元素的值　200

10.1.3　使用jQuery获取和设置特性和属性　200

10.1.4　获取和设置CSS属性　201

10.1.5　获取和设置元素尺寸　202

10.1.6　获取和设置元素位置　202

10.1.7　访问类　203

10.1.8　获取浏览器和屏幕的尺寸和颜色信息　203

10.2　动态地操作网页元素　208

10.2.1　动态地添加网页元素　208

10.2.2　删除网页元素　210

10.2.3　使用jQuery替换网页元素　211

10.2.4　使用jQuery插入元素　211

10.2.5　修改类　212

10.2.6　切换可视性　212

10.3　动态地重排网页元素　216

10.4　小结　221

10.5　问与答　222

10.6　作业　222

10.6.1　测验　222

10.6.2　答案　222

10.6.3　练习　223

第11章 访问网页外面的数据　224

11.1　理解screen对象　224

11.2　使用window对象　225

11.2.1　访问window对象的属性　225

11.2.2　使用window对象的方法　226

11.3　使用location对象　226

11.4　使用history对象　227

11.4.1　沿浏览历史前进　227

11.4.2　沿浏览历史后退　227

11.5　控制外部链接　228

11.5.1　禁用外部链接的默认行为　228

11.5.2　在新浏览器窗口中打开链接　228

11.6　添加弹出框　231

11.6.1　通知用户　232

11.6.2　要求用户确认　232

11.6.3　提示用户输入　232

11.7　设置定时器　233

11.7.1　添加延迟定时器　233

11.7.2　添加反复触发的定时器　233

11.8　小结　235

11.9　问与答　236

11.10　作业　236

11.10.1　测验　236

11.10.2　答案　236

11.10.3　练习　236

第12章 使用动画和其他特效改善用户交互　237

12.1　理解jQuery动画　237

12.1.1　基于CSS设置的动画　238

12.1.2　理解动画队列　239

12.1.3　停止动画　239

12.1.4　延迟动画　239

12.1.5　对动画应用.promise()　240

12.2　以动画方式显示和隐藏　240

12.2.1　以动画方式隐藏　240

12.2.2　以动画方式显示　241

12.2.3　以动画方式在隐藏和显示之间切换　241

12.3　基于可视性的动画　243

12.3.1　fadeIn()　243

12.3.2　fadeOut()　244

12.3.3　fadeToggle()　244

12.3.4　fadeTo()　244

12.4　滑动元素　246

12.4.1　使用slideUp()、slideDown()和slideToggle()　246

12.4.2　使用.animate()调整宽度和高度以创建滑动效果　246

12.5　创建大小调整动画　249

12.6　以动画方式移动元素　251

12.6.1　以动画方式调整静态元素的位置　252

12.6.2　以动画方式调整非静态元素的位置　252

12.7　小结　255

12.8　问与答　255

12.9　作业　255

12.9.1　测验　255

12.9.2　答案　256

12.9.3　练习　256

第13章 与Web表单交互　257

13.1　访问表单元素　258

13.1.1　获取和设置表单元素的值　258

13.1.2　序列化表单数据　262

13.2　智能表单流程控制　267

13.2.1　让元素自动获得和失去焦点　267

13.2.2　明智地隐藏和显示元素　268

13.2.3　禁用元素　268

13.2.4　控制提交和重置　268

13.3　动态地控制表单元素的外观和行为　273

13.4　验证表单　278

13.4.1　手工验证Web表单　278

13.4.2　获取jQuery验证插件　279

13.4.3　使用HTML进行简单的jQuery验证　279

13.4.4　进行复杂验证　280

13.5　小结　287

13.6　问与答　287

13.7　作业　287

13.7.1　测验　287

13.7.2　答案　288

13.7.3　练习　288

第14章 创建高级网页元素　289

14.1　添加图像画廊　289

14.2　实现具有排序和筛选功能的表格　294

14.3　创建树视图　299

14.4　使用覆盖层对话框　302

14.5　以图形均衡器方式显示数据　305

14.6　添加走势图　308

14.7　小结　311

14.8　问与答　311

14.9　作业　311

14.9.1　测验　311

14.9.2　答案　312

14.9.3　练习　312

第15章 通过AJAX访问服务器端数据　313

15.1　轻松理解AJAX　313

15.1.1　AJAX请求和网页请求之比较　313

15.1.2　理解ASP、PHP、MySQL等服务器端服务　314

15.1.3　理解异步通信　315

15.1.4　理解跨域请求　315

15.1.5　GET请求与POST请求之比较　316

15.1.6　理解响应数据类型：二进制、文本、XML和JSON　316

15.2　实现AJAX　317

15.2.1　使用JavaScript实现AJAX请求　317

15.2.2　使用jQuery实现AJAX请求　318

15.2.3　处理AJAX响应　321

15.2.4　处理响应数据　323

15.3　使用高级jQuery AJAX　332

15.3.1　全局设置简介　332

15.3.2　使用全局事件处理程序　332

15.3.3　实现低级AJAX请求　333

15.4　小结　334

15.5　问与答　335

15.6　作业　335

15.6.1　测验　335

15.6.2　答案　335

15.6.3　练习　335

第16章 与外部服务Facebook、Google、Twitter和Flickr交互　336

16.1　使用jQuery和JavaScript在网页中添加Facebook社交元素　336

16.1.1　在网页中加载Facebook API库　337

16.1.2　添加Like按钮　338

16.1.3　添加Send按钮　338

16.1.4　添加评论区域　338

16.2　在网页中添加谷歌地图　342

16.3　添加自定义谷歌搜索　347

16.4　在网页中添加Twitter元素　350

16.4.1　加载Twitter JavaScript API库　350

16.4.2　添加Tweet按钮　351

16.4.3　添加Follow(关注)按钮　352

16.4.4　添加嵌入式推文　352

16.4.5　添加嵌入式时光轴　353

16.5　在网站中添加Flickr图像　356

16.6　小结　360

16.7　问与答　360

16.8　作业　361

16.8.1　测验　361

16.8.2　答案　361

16.8.3　练习　361

第17章 jQuery UI简介　362

17.1　熟悉jQuery UI　362

17.1.1　下载jQuery UI库　362

17.1.2　使用ThemeRoller　363

17.2　在脚本中使用jQuery UI　365

17.2.1　理解jQuery UI新增的功能　365

17.2.2　使用jQuery UI新增的选择器　366

17.2.3　使用jQuery UI指定UI元素的位置　369

17.3　小结　372

17.4　问与答　372

17.5　作业　372

17.5.1　测验　372

17.5.2　答案　372

17.5.3　练习　373

第18章 使用jQuery UI效果　374

18.1　应用jQuery UI效果　374

18.1.1　了解jQuery UI效果　374

18.1.2　给效果动画指定缓动函数　375

18.1.3　给jQuery对象添加效果　376

18.2　给类变化添加效果　379

18.3　给可视性变化添加效果　381

18.4　小结　386

18.5　问与答　386

18.6　作业　386

18.6.1　测验　386

18.6.2　答案　387

18.6.3　练习　387

第19章 使用jQuery UI交互部件　388

19.1　jQuery UI交互简介　388

19.1.1　jQuery.widget工厂简介　388

19.1.2　理解鼠标交互部件　389

19.2　使用拖放部件　389

19.2.1　使用可拖曳部件拖曳元素　390

19.2.2　使用可放入部件创建放入目标　392

19.3　使用可调整大小部件调整元素的大小　396

19.4　使用可选择部件　399

19.5　使用可排序部件对元素进行排序　403

19.6　小结　407

19.7　问与答　407

19.8　作业　407

19.8.1　测验　408

19.8.2　答案　408

19.8.3　练习　408

第20章 使用jQuery UI部件创建交互性极强的网页　409

20.1　部件概述　409

20.2　添加可折叠的手风琴元素　410

20.3　在表单元素中实现自动完成功能　411

20.4　将jQuery UI按钮部件应用于表单元素　411

20.5　创建日历界面　412

20.6　使用jQuery UI创建样式化对话框　413

20.7　实现样式化菜单　414

20.8　创建进度条　415

20.9　实现滑块　416

20.10　添加旋转器　418

20.11　创建选项卡式面板　419

20.12　给网页元素添加工具提示　420

20.13　创建自定义部件　421

20.14　小结　422

20.15　问与答　422

20.16　作业　422

20.16.1　测验　422

20.16.2　答案　423

20.16.3　练习　423

第21章 移动网站开发简介　424

21.1　进入移动领域　424

21.1.1　移动之说还名副其实吗　424

21.1.2　屏幕尺寸很重要　425

21.1.3　为何使用jQuery Mobile　425

21.2　jQuery Mobile初步　426

21.2.1　加载jQuery Mobile库　426

21.2.2　使用ThemeRoller　426

21.3　理解jQuery Mobile　427

21.3.1　jQuery Mobile数据属性简介　427

21.3.2　理解色板　428

21.3.3　jQuery Mobile新增的事件　428

21.3.4　在Meta标签中设置视口　429

21.3.5　配置jQuery Mobile默认设置　429

21.4　小结　432

21.5　问与答　432

21.6　作业　432

21.6.1　测验　432

21.6.2　答案　433

21.6.3　练习　433

第22章 开发移动网页　434

22.1　创建移动网页　434

22.1.1　了解移动网页的结构　435

22.1.2　创建固定不动的页眉和页脚　435

22.2　创建包含多个网页的移动网站　436

22.2.1　添加导航按钮　437

22.2.2　使用jQuery代码切换页面　437

22.2.3　链接到其他移动网页　439

22.2.4　添加网页过渡效果　441

22.3　创建导航栏　445

22.4　实现对话框　448

22.5　小结　451

22.6　问与答　452

22.7　作业　452

22.7.1　测验　452

22.7.2　答案　452

22.7.3　练习　452

第23章 设置移动网页内容部分的格式　454

23.1　添加标准HTML元素　454

23.2　创建网格布局　455

23.3　实现列表视图　459

23.3.1　了解基本列表　459

23.3.2　嵌套列表　459

23.3.3　拆分按钮列表　460

23.3.4　在列表中添加分隔条　460

23.3.5　实现可搜索的列表　460

23.4　使用可折叠块和可折叠块集　463

23.5　添加包含辅助内容的面板　464

23.6　使用弹出框　466

23.7　创建移动表格　467

23.8　小结　468

23.9　问与答　468

23.10　作业　469

23.10.1　测验　469

23.10.2　答案　469

23.10.3　练习　469

第24章 实现移动表单元素和控件　470

24.1　理解移动表单　470

24.1.1　用于表单元素的数据属性　470

24.1.2　添加/隐藏标签　471

24.1.3　禁用表单元素　471

24.1.4　刷新表单元素　471

24.1.5　提交表单　472

24.2　使用文本元素　472

24.3　定义按钮　473

24.4　添加滑块和拨动开关　474

24.5　定义单选按钮和复选框　478

24.6　实现列表框　479

24.7　小结　481

24.8　问与答　481

24.9　作业　481

24.9.1　测验　481

24.9.2　答案　482

24.9.3　练习　482

全球效率逾百万册的系列图书；连续十余年打造的经典品牌；直观、循序渐进的学习教程；掌握关键知识的最佳起点；“Read Less,Do More”（精读多练）的教学理念；以示例引导读者完成最常见的任务。每章内容针对初学者精心设计，1小时轻松阅读学习，24小时彻底掌握关键知识；每章案例与练习题助你轻松完成常见任务，通过实践提高应用技能，巩固所学知识。循序渐进的示例引导读者完成最常见的jQuery Mobile开发任务。问与答、测验和练习帮助读者检验知识的掌握情况。“注意”、“提示”和“警告”指出捷径和解决方案。《jQuery与JavaScript入门经典》采用直观、循序渐进的方法讲解了如何使用jQuery和JavaScript来创建具有极佳用户体验的动态Web应用，以及如何为各种设备开发具有吸引力的用户界面，以最大程度地满足用户的需求。　　《jQuery与JavaScript入门经典》分为6部分，第1部分介绍了使用jQuery和JavaScript进行开发的基础知识；第2部分讲解了如何使用jQuery和JavaScript开发Web页面；第3部分介绍了构建具有丰富交互性的Web页面所需要的知识；第4部分介绍了一些高级概念；第5部分介绍了jQuery UI的相关知识；第6部分讲解了跨平台移动Web应用开发工具jQuery Mobile。　　《jQuery与JavaScript入门经典》内容循序渐进、深入浅出、步骤详尽，而且富有大量适合动手练习的示例，可以帮助读者在短时间内掌握jQuery和JavaScript的相关知识，学会为各种流行的终端设备开发具有极佳用户体验的界面。《jQuery与JavaScript入门经典》适合对jQuery、jQuery Mobile、JavaScript等感兴趣的前端开发人员以及移动应用开发人员阅读。此外，本书也是高等院校计算机及其相关专业课程的极佳教材。【作者简介】Brad Dayley是一位资深软件工程师，拥有20多年企业级应用程序开发经验；使用HTML/CSS、JavaScript和jQuery开发过各种网页，从企业级应用程序界面到复杂而多姿多彩的互联网应用，再到移动Web服务智能界面；还著有Python Phrasebook和jQuery and JavaScript Phrasebook。