信阅平台

编辑推荐

　　清华大学出版社“案例课堂”大系
　　丛书以案例的形式讲解软件的内容，读者可以在实践中熟练掌握软件的使用方法。
　　每一个案例都精挑细选，同时配有全程语音讲解的视频文件，方便读者学习。
　　案例的选材广泛，涉及到软件应用的各个领域、各个行业，学习无死角。
　　“CG设计”系列全彩精印，同等价位下内容更多，同等内容下更实惠。
　　“网站开发”系列附赠超值，全面学习无障碍：
　　CSS属性速查表
　　HTML标签速查表
　　网页布局案例赏析
　　精彩网站配色方案赏析
　　精选JavaScript实例
　　JavaScript函数速查手册
　　CSS+DIV布局案例赏析
　　案例源文件与教学课件

展开

内容介绍

　　《网站开发案例课堂：JavaScript+jQuery动态网页设计案例课堂》作者根据长期教学中获得的网页设计教学经验，完整、详尽地介绍了JavaScript + jQuery动态网页设计的技术。

　　《网站开发案例课堂：JavaScript+jQuery动态网页设计案例课堂》共分为20章，分别介绍：必须了解的JavaScript知识、JavaScript编程基础、程序控制结构与语句、函数、对象与数组、日期与字符串对象、数值与数学对象、文档对象模型与事件驱动、处理窗口和文档对象、级联样式表、表单和表单元素、JavaScript的调试和错误处理、JavaScript和Ajax技术、jQuery的基础知识、jQuery的选择器、用jQuery控制页面、jQuery的动画特效、jQuery的事件处理、jQuery的功能函数、jQuery的插件开发与使用。通过每章的实战案例，使读者进一步巩固所学的知识，提高综合实战能力。

　　《网站开发案例课堂：JavaScript+jQuery动态网页设计案例课堂》内容丰富、全面，图文并茂，步骤清晰，通俗易懂，专业性强，使读者能透彻理解JavaScript + jQuery动态网页设计的技术，并能解决实际工作中的问题，真正做到“知其然，更知其所以然”。

　　《网站开发案例课堂：JavaScript+jQuery动态网页设计案例课堂》涉及面广泛，几乎涉及了JavaScript + jQuery动态网页设计的所有重要知识，适合所有的网页设计初学者快速入门，同时也适合想全面了解JavaScript + jQuery动态网页设计的设计人员阅读。

展开

精彩书摘

　　第1章

　　必须了解的

　　JavaScript知识

　　JavaScript是目前Web应用程序开发者使用最为广泛的客户端脚本编程语言，不仅可用来开发交互式的Web页面，还可将HTML、XML和Java Applet、Flash等Web对象有机地结合起来，使开发人员能快速生成Internet上使用的分布式应用程序。本章将主要讲述JavaScript的基本入门知识。

　　1.1　认识JavaScript

　　JavaScript作为一种可以给网页增加交互性的脚本语言，拥有近20年的发展历史。它的简单、易学易用特性，使其立于不败之地。

　　1.1.1　什么是JavaScript

　　JavaScript最初由网景公司的Brendan Eich设计，是一种动态、弱类型、基于原型的语言，内置支持类。

　　经过近20年的发展，JavaScript已经成为健壮的基于对象和事件驱动的有相对安全性的客户端脚本语言，同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。JavaScript可以弥补HTML语言的缺陷，实现Web页面客户端动态效果，其主要作用如下。

　　（1）动态改变网页内容

　　HTML语言是静态的，一旦编写，内容是无法改变的。JavaScript可以弥补这种不足，可以将内容动态地显示在网页中。

　　（2）动态改变网页的外观

　　JavaScript通过修改网页元素的CSS样式，可以动态地改变网页的外观，例如修改文本的颜色、大小等属性，使图片的位置动态地改变等。

　　（3）验证表单数据

　　为了提高网页的效率，用户在编写表单时，可以在客户端对数据进行合法性验证，验证成功之后才能提交到服务器上，这样就能减少服务器的负担和降低网络带宽的压力。

　　（4）响应事件

　　JavaScript是基于事件的语言，因此可以响应用户或浏览器产生的事件。只有事件产生时才会执行某段JavaScript代码，如用户单击“计算”按钮时，程序显示运行结果。

　　几乎所有浏览器都支持JavaScript，如Internet Explorer（IE）、Firefox、Netscape、Mozilla、Opera等。

　　1.1.2　JavaScript的特点

　　JavaScript的主要特点有以下几个方面。

　　（1）语法简单，易学易用

　　JavaScript语法简单、结构松散。可以使用任何一种文本编辑器来进行编写。JavaScript程序运行时不需要编译成二进制代码，只需要支持JavaScript的浏览器进行解释。

　　（2）解释型语言

　　非脚本语言编写的程序通常需要经过“编写→编译→链接→运行”这4个步骤，而脚本语言JavaScript是解释型语言，只需要经过“编写→运行”这两个步骤。

　　（3）跨平台

　　由于JavaScript程序的运行仅依赖于浏览器，所以只要操作系统中安装有支持JavaScript的浏览器即可，即JavaScript与平台（操作系统）无关。例如，无论是Windows、Unix、Linux操作系统还是用于手机的Android、iPhone操作系统，都可以运行JavaScript。

　　（4）基于对象和事件驱动

　　JavaScript把HTML页面中的每个元素都当作一个对象来处理，并且这些对象都具有层次关系，像一棵倒立的树，这种关系被称为“文档对象模型（DOM）”。在编写JavaScript代码时会接触到大量对象及对象的方法和属性。可以说学习JavaScript的过程，就是了解JavaScript对象及其方法和属性的过程。因为基于事件驱动，所以JavaScript可以捕捉到用户在浏览器中的操作，可以将原来静态的HTML页面变成可以与用户交互的动态页面。

　　（5）用于客户端

　　尽管JavaScript分为服务器端和客户端两种，但目前应用得最多的还是客户端。

　　1.1.3　JavaScript与Java的区别

　　JavaScript是一种嵌入式脚本文件，直接插入网页，由浏览器一边解释一边执行。而Java语言必须在Java虚拟机上运行，而且事先需要进行编译。另外，Java的语法规则比JavaScript的语法规则要严格得多，功能也要强大得多。下面来分析JavaScript与Java的主要区别。

　　1. 基于对象和面向对象

　　JavaScript是基于对象的，它是一种脚本语言，是一种基于对象和事件驱动的编程语言，因而它本身提供了非常丰富的内部对象供设计人员使用。

　　而Java是面向对象的，即Java是一种真正的面向对象的语言，即使是开发简单的程序，也必须设计对象。

　　2. 强变量和弱变量

　　JavaScript与Java所采取的变量是不一样的。JavaScript中的变量声明采用弱类型，即变量在使用前不需做声明，而是由解释器在运行时检查其数据类型。

　　而Java采用强类型变量检查，即所有变量在编译之前必须声明。如下面这段代码：

　　Integer x；

　　String y；

　　x = 123456；

　　y = "654321"；

　　其中x=123456，说明是一个整数；y=“654321”，说明是一个字符串。

　　而在JavaScript中，变量声明采用弱类型，即变量在使用前不需要声明，而是解释器在运行时检查其数据类型，如下面的代码所示：

　　x = 123456；

　　y = "654321"；

　　在上述代码中，前者说明x为数值型变量，而后者说明y为字符型变量。

　　3. 代码格式不同

　　JavaScript与Java代码的格式不一样。JavaScript的代码是一种文本字符格式，可以直接嵌入HTML文档中，并且可动态装载，编写HTML文档就像编辑文本文件一样方便，其独立文件的格式为“*.js”。

　　而Java是一种与HTML无关的格式，必须通过像HTML中引用外部媒体那样进行装载，其代码以字节代码的形式保存在独立的文档中，其独立文件的格式为“*.class”。

　　4. 嵌入方式不同

　　JavaScript与Java嵌入方式不一样。在HTML文档中，两种编程语言的标识不同，JavaScript使用来标识，而Java使用来标识。

　　5. 静态联编和动态联编

　　JavaScript采用动态联编，即JavaScript的对象引用在运行时进行检查。

　　Java则采用静态联编，即Java的对象引用必须在编译时进行，以使编译器能够实现强类型检查。

　　6. 浏览器执行方式不同

　　JavaScript与Java在浏览器中执行的方式不一样。JavaScript是一种解释型编程语言，其源代码在发往客户端执行之前不需经过编译，而是将文本格式的字符代码发送给客户，即JavaScript语句本身随Web页面一起被下载，由浏览器解释执行。

　　而Java的源代码在传递到客户端执行之前，必须经过编译，因而客户端上必须有相应平台的仿真器或者解释器，可以通过编译器或解释器实现独立于某个特定平台的编译代码。

　　1.1.4　JavaScript版本

　　1995年，Netscape公司开发了名字为LiveScript的语言，与Sun公司合作后，于1996年更名为JavaScript，版本为1.0。随着网络和网络技术的不断发展，JavaScript的功能越来越强大和完善，至今已经经历了若干个版本，各个版本的发布日期及功能如表1-1所示。

　　表1-1 JavaScript的版本及说明

　　版本发布日期新增的功能

　　1.0 1996年3月目前已经不用

　　1.1 1996年8月修正了1.0版中的部分错误，并加入了对数组的支持

　　1.2 1997年6月加入了对switch选择语句和正则表达式的支持

　　1.3 1998年10月修正了JavaScript 1.2与ECMA 1.0中不兼容的部分

　　1.4 1999年8月加入了服务器端功能

　　1.5 2000年11月在JavaScript 1.3的基础上增加了异常处理程序，并与ECMA 3.0完全兼容

　　续表

　　版本发布日期新增功能

　　1.6 2005年11月加入对E4X、字符串泛型的支持以及新的数组、数据方法等新特性

　　1.7 2006年10月在JavaScript 1.6的基础上加入了生成器、声明器、分配符变化、let表达式等新特性

　　1.8 2008年6月更新很小，确实包含了一些向ECMAScript 4 / JavaScript 2进化的痕迹

　　1.8.1 2009年6月该版本只有很少的更新，主要集中在添加实时编译跟踪

　　1.8.5 2010年7月 —

　　2.0 制定中 —

　　JavaScript尽管版本很多，但是受限于浏览器。并不是所有版本的JavaScript都受浏览器支持，常用浏览器对JavaScript版本的支持如表1-2所示。

　　表1-2 JavaScript支持浏览器的情况

　　浏览器对JavaScript的支持情况

　　Internet Explorer 9 JavaScript 1.1 ~ JavaScript 1.3

　　Firefox 4 3 JavaScript 1.1 ~ JavaScript 1.8

　　Opera 119 JavaScript 1.1 ~ JavaScript 1.5

　　1.2　JavaScript的编写工具

　　JavaScript是一种脚本语言，代码不需要编译成二进制形式，而是以文本的形式存在，因此任何文本编辑器都可以作为其开发环境。

　　通常使用的JavaScript编辑器有记事本、UltraEdit-32和Dreamweaver等。

　　1.2.1　记事本

　　记事本是Windows系统自带的文本编辑器，也是最简洁方便的文本编辑器，由于记事本的功能过于单一，所以要求开发者必须熟练掌握JavaScript语言的语法、对象、方法和属性等。这对于初学者是个极大的挑战，因此，不建议使用记事本。但是由于记事本简单方便、打开速度快，所以常用来做局部修改。

　　记事本窗口如图1-1所示。

　　在记事本中编写JavaScript程序的方法很简单，只需在记事本中打开程序文件，然后在打开的记事本程序窗口中输入相关的JavaScript代码即可。

　　【例1.1】（示例文件ch01\1.1.html）

　　在记事本中编写JavaScript脚本。

　　图1-1 记事本窗口

　　打开记事本文件，在窗口中输入如下代码：

　　将记事本文件保存为“.html”格式的文件，然后使用IE 9.0浏览器打开，即可浏览最后的效果，如图1-2所示。

　　图1-2 最终效果

　　1.2.2　UltraEdit-32

　　UltraEdit是能够满足一切编辑需要的编辑器。UltraEdit是一款功能强大的文本编辑器，可以编辑文本、十六进制数据、ASCII码，可以取代记事本，内建英文单词检查、C++及VB指令突显，可同时编辑多个文件，而且即使开启很大的文件，速度也不会慢。软件附有HTML标签颜色显示、搜寻替换以及无限制的还原功能，人们一般都喜欢用它来代替记事本文本编辑器。UltraEdit窗口如图1-3所示。

　　图1-3 UltraEdit窗口

　　1.2.3　Dreamweaver

　　Adobe公司的Dreamweaver用户界面非常友好，是一个非常优秀的网页开发工具，深受广大用户的喜爱。Dreamweaver的主界面如图1-4所示。

　　图1-4 Dreamweaver CS 5.5的主界面

　　除了上述编辑器外，还有很多种编辑器可以用来编写JavaScript程序。如Aptana、1st JavaScript Editor、JavaScript Menu Master、Platypus JavaScript Editor、SurfMap JavaScript Editor等。“工欲善其事，必先利其器”，选择一款适合自己的JavaScript编辑器，可以让程序员的工作事半功倍。

　　……

展开

第1章  必须了解的JavaScript知识 1
1.1　认识JavaScript 2
1.1.1　什么是JavaScript 2
1.1.2　JavaScript的特点 2
1.1.3　JavaScript与Java的区别 3
1.1.4　JavaScript版本 4
1.2　JavaScript的编写工具 5
1.2.1　记事本 5
1.2.2　UltraEdit-32 6
1.2.3　Dreamweaver 7
1.3　JavaScript在HTML中的使用 8
1.3.1　在HTML网页头中嵌入JavaScript代码 8
1.3.2　在HTML网页中嵌入JavaScript代码 9
1.3.3　在HTML网页的元素事件中嵌入JavaScript代码 10
1.3.4　在HTML中调用已经存在的JavaScript文件 11
1.3.5　通过JavaScript伪URL引入JavaScript脚本代码 13
1.4　JavaScript和浏览器 14
1.4.1　在Internet Explorer中调用JavaScript代码 14
1.4.2　在Firefox中调用JavaScript代码 14
1.4.3　在Opera中调用JavaScript代码 14
1.4.4　浏览器中的文档对象类型(DOM) 15
1.5　实战演练——一个简单的JavaScript示例 15
1.6　疑难解惑 16

第2章  JavaScript编程基础 19
2.1　JavaScript的基本语法 20
2.1.1　执行顺序 20
2.1.2　区分大小写 20
2.1.3　分号与空格 20
2.1.4　对代码行进行折行 21
2.1.5　注释 21
2.1.6　语句 23
2.1.7　语句块 24
2.2　JavaScript的数据结构 25
2.2.1　标识符 25
2.2.2　关键字 25
2.2.3　保留字 26
2.2.4　常量 26
2.2.5　变量 26
2.3　看透代码中的数据类型 29
2.3.1　typeof运算符 29
2.3.2　Undefined类型 30
2.3.3　Null类型 31
2.3.4　Boolean类型 32
2.3.5　Number类型 33
2.3.6　String类型 33
2.3.7　Object类型 34
2.4　明白数据间的计算法则——运算符 35
2.4.1　算术运算符 35
2.4.2　比较运算符 37
2.4.3　位运算符 38
2.4.4　逻辑运算符 39
2.4.5　条件运算符 40
2.4.6　赋值运算符 42
2.4.7　运算符的优先级 43
2.5　JavaScript的表达式 44
2.5.1　赋值表达式 44
2.5.2　算术表达式 46
2.5.3　布尔表达式 46
2.5.4　字符串表达式 48
2.5.5　类型转换 49
2.6　实战演练——局部变量和全局变量的优先级 50
2.7　疑难解惑 51

第3章  程序控制结构和语句 53
3.1　基本处理流程 54
3.2　赋值语句 55
3.3　条件判断语句 55
3.3.1　if语句 55
3.3.2　if-else语句 56
3.3.3　if-else-if语句 57
3.3.4　if语句的嵌套 58
3.3.5　switch语句 60
3.4　循环控制语句 62
3.4.1　while语句 62
3.4.2　do-while语句 63
3.4.3　for循环 64
3.5　跳转语句 65
3.5.1　break语句 66
3.5.2　continue语句 67
3.6　使用对话框 68
3.7　实战演练——显示距离2014年元旦的天数 70
3.8　疑难解惑 71

第4章  函数 73
4.1　函数的简介 74
4.2　定义函数 74
4.2.1　不指定函数名 74
4.2.2　指定函数名 75
4.2.3　函数参数的使用 76
4.2.4　函数的返回值 76
4.3　函数的调用 78
4.3.1　函数的简单调用 78
4.3.2　在表达式中调用 79
4.3.3　在事件响应中调用函数 80
4.3.4　通过链接调用函数 81
4.4　JavaScript中常用的函数 82
4.4.1　嵌套函数 82
4.4.2　递归函数 83
4.4.3　内置函数 85
4.5　实战演练——购物简易计算器 93
4.6　疑难解惑 96

第5章  对象与数组 97
5.1　了解对象 98
5.1.1　什么是对象 98
5.1.2　面向对象编程 99
5.1.3　JavaScript的内部对象 100
5.2　对象访问语句 101
5.2.1　for-in循环语句 101
5.2.2　with语句 102
5.3　JavaScript中的数组 103
5.3.1　结构化数据 103
5.3.2　创建和访问数组对象 104
5.3.3　使用for-in语句 107
5.3.4　Array对象的常用属性和方法 107
5.4　详解常用的数组对象方法 118
5.4.1　连接其他数组到当前数组 118
5.4.2　将数组元素连接为字符串 119
5.4.3　移除数组中最后一个元素 120
5.4.4　将指定的数值添加到数组中 121
5.4.5　反序排列数组中的元素 122
5.4.6　删除数组中的第一个元素 123
5.4.7　获取数组中的一部分数据 123
5.4.8　对数组中的元素进行排序 124
5.4.9　将数组转换成字符串 126
5.4.10　将数组转换成本地字符串 126
5.4.11　在数组开头插入数据 127
5.5　创建和使用自定义对象 128
5.5.1　通过定义对象的构造函数的方法 128
5.5.2　通过对象直接初始化的方法 131
5.5.3　修改和删除对象实例的属性 131
5.5.4　通过原型为对象添加新属性和新方法 133
5.5.5　自定义对象的嵌套 135
5.5.6　内存的分配和释放 137
5.6　实战演练——利用二维数组创建动态下拉菜单 137
5.7　疑难解惑 139

第6章  日期与字符串对象 141
6.1　日期对象 142
6.1.1　创建日期对象 142
6.1.2　Date对象属性 143
6.1.3　日期对象的常用方法 143
6.2　详解日期对象的常用方法 147
6.2.1　返回当前日期和时间 147
6.2.2　以不同的格式显示当前日期 148
6.2.3　返回日期所对应的是星期几 149
6.2.4　显示当前时间 149
6.2.5　返回距1970年1月1日午夜的时间差 150
6.2.6　以不同的格式来显示UTC日期 151
6.2.7　根据世界时返回日期对应的是星期几 152
6.2.8　以不同的格式来显示UTC时间 153
6.2.9　设置日期对象中的年份、月份与日期值 154
6.2.10　设置日期对象中的小时、分钟与秒钟值 155
6.2.11　以UTC日期对Date对象进行设置 157
6.2.12　返回当地时间与UTC时间的差值 157
6.2.13　将Date对象中的日期转化为字符串格式 158
6.2.14　返回一个以UTC时间表示的日期字符串 159
6.2.15　将日期对象转化为本地日期 159
6.2.16　日期间的运算 160
6.3　字符串对象 161
6.3.1　创建字符串对象 161
6.3.2　字符串对象的常用属性 162
6.3.3　字符串对象的常用方法 163
6.4　详解字符串对象的常用方法 164
6.4.1　设置字符串字体属性 164
6.4.2　以闪烁方式显示字符串 165
6.4.3　转换字符串的大小写 166
6.4.4　连接字符串 167
6.4.5　比较两个字符串的大小 168
6.4.6　分割字符串 169
6.4.7　从字符串中提取字符串 169
6.5　实战演练1——制作网页随机验证码 170
6.6　实战演练2——制作动态时钟 172
6.7　疑难解惑 174

第7章  数值与数学对象 175
7.1　Number对象 176
7.1.1　创建Number对象 176
7.1.2　Number对象的属性 177
7.1.3　Number对象的方法 180
7.2　详解Number对象常用的方法 181
7.2.1　把Number对象转换为字符串 181
7.2.2　把Number对象转换为本地格式字符串 182
7.2.3　四舍五入时指定小数位数 182
7.2.4　返回以指数记数法表示的数值 183
7.2.5　以指数记数法指定小数位 184
7.3　Math对象 184
7.3.1　创建Math对象 184
7.3.2　Math对象的属性 185
7.3.3　Math对象的方法 186
7.4　详解Math对象常用的方法 187
7.4.1　返回数的绝对值 187
7.4.2　返回数的正弦值、正切值和余弦值 188
7.4.3　返回数的反正弦值、反正切值和反余弦值 190
7.4.4　返回两个或多个参数中的最大值或最小值 192
7.4.5　计算指定数值的平方根 193
7.4.6　数值的幂运算 194
7.4.7　计算指定数值的对数 195
7.4.8　取整运算 196
7.4.9　生成0到1之间的随机数 196
7.4.10　根据指定的坐标返回一个弧度值 197
7.4.11　返回大于或等于指定参数的最小整数 198
7.4.12　返回小于或等于指定参数的最大整数 199
7.4.13　返回以e为基数的幂 199
7.5　实战演练——使用Math对象设计程序 200
7.6　疑难解惑 201

第8章  文档对象模型与事件驱动 203
8.1　文档对象模型 204
8.1.1　认识文档对象模型 205
8.1.2　文档对象的产生过程 206
8.2　访问节点 207
8.2.1　节点的基本概念 207
8.2.2　节点的基本操作 208
8.3　文档对象模型的属性和方法 220
8.4　事件处理 222
8.4.1　常见的事件驱动 222
8.4.2　JavaScript的常用事件 224
8.4.3　JavaScript处理事件的方式 227
8.4.4　使用event对象 231
8.5　实战演练1——通过事件控制文本框的背景颜色 232
8.6　实战演练2——在DOM模型中获得对象 234
8.7　实战演练3——超级链接的事件驱动 235
8.8　疑难解惑 237

第9章  处理窗口和文档对象 241
9.1　窗口(window)对象 242
9.1.1　窗口(window)简介 242
9.1.2　window对象的属性 244
9.1.3　对话框 251
9.1.4　窗口操作 256
9.2　文档(document)对象 259
9.2.1　文档的属性 259
9.2.2　Document对象的方法 268
9.2.3　文档中的表单和图片 271
9.2.4　文档中的超链接 273
9.3　实战演练1——综合使用各种
对话框 275
9.4　实战演练2——设置弹出的窗口 276
9.5　疑难解惑 278

第10章  级联样式表 281
10.1　CSS介绍 282
10.1.1　CSS的功能 282
10.1.2　CSS的发展历史 282
10.1.3　浏览器与CSS 283
10.2　编辑和浏览CSS 283
10.2.1　CSS基础语法 284
10.2.2　手工编写CSS 284
10.2.3　用Dreamweaver编写CSS 285
10.3　在HTML中使用CSS的方法 286
10.3.1　行内样式 287
10.3.2　内嵌样式 287
10.3.3　链接样式 289
10.3.4　导入样式 290
10.3.5　优先级问题 291
10.4　CSS选择器 294
10.4.1　标签选择器 294
10.4.2　类选择器 295
10.4.3　ID选择器 297
10.4.4　全局选择器 298
10.4.5　组合选择器 299
10.4.6　继承选择器 300
10.4.7　伪类选择器 302
10.4.8　属性选择器 303
10.4.9　结构伪类选择器 305
10.4.10　UI元素状态伪类选择器 306
10.5　选择器声明 307
10.5.1　集体声明 307
10.5.2　多重嵌套声明 308
10.6　实战演练1——制作五彩标题 309
10.7　实战演练2——制作新闻菜单 311
10.8　疑难解惑 314

第11章  表单和表单元素 315
11.1　表单概述 316
11.2　表单基本元素的使用 317
11.2.1　单行文本输入框text 317
11.2.2　多行文本输入框textarea 318
11.2.3　密码输入框password 318
11.2.4　单选按钮radio 319
11.2.5　复选框checkbox 320
11.2.6　下拉选择框select 321
11.2.7　普通按钮button 322
11.2.8　提交按钮submit 323
11.2.9　重置按钮reset 324
11.3　表单高级元素的使用 325
11.3.1　url属性 325
11.3.2　email属性 326
11.3.3　date和times 327
11.3.4　number属性 328
11.3.5　range属性 329
11.3.6　required属性 329
11.4　表单(Form)对象在JavaScript中的应用 330
11.4.1　HTML表单基础 331
11.4.2　编辑表单元素的脚本 334
11.4.3　用JavaScript获取网页内容实现数据验证 339
11.5　实战演练1——创建用户反馈表单 341
11.6　实战演练2——处理表单元素 343
11.7　疑难解惑 345

第12章  JavaScript的调试和错误处理 347
12.1　常见的错误和异常 348
12.2　处理异常的方法 349
12.2.1　用onerror事件处理异常 349
12.2.2　用try-catch-finally语句处理异常 351
12.2.3　使用throw语句抛出异常 352
12.3　使用调试器 353
12.3.1　IE浏览器内建的错误报告 354
12.3.2　用Firefox错误控制台调试 354
12.4　JavaScript语言调试技巧 355
12.4.1　用alert()语句进行调试 355
12.4.2　用write()语句进行调试 356
12.5　疑难解惑 356

第13章  JavaScript和Ajax技术 359
13.1　Ajax快速入门 360
13.1.1　什么是Ajax 360
13.1.2　Ajax的关键元素 363
13.1.3　CSS在Ajax应用中的地位 364
13.2　Ajax的核心技术 364
13.2.1　全面剖析XMLHttpRequest对象 364
13.2.2　发出Ajax请求 367
13.2.3　处理服务器响应 368
13.3　实战演练1——制作自由拖放的网页 369
13.4　实战演练2——制作加载条 375
13.5　疑难解惑 376

第14章  jQuery的基础知识 379
14.1　jQuery概述 380
14.1.1　jQuery能做什么 380
14.1.2　jQuery的特点 380
14.1.3　jQuery的技术优势 381
14.2　下载并配置jQuery 383
14.2.1　下载jQuery 384
14.2.2　配置jQuery 385
14.3　jQuery的开发工具 385
14.3.1　JavaScript Editor Pro 385
14.3.2　Dreamweaver 386
14.3.3　UltraEdit 387
14.3.4　记事本工具 387
14.4　jQuery的调试小工具 388
14.4.1　Firebug 388
14.4.2　Blackbird 391
14.4.3　jQueryPad 393
14.5　jQuery与CSS 3 393
14.5.1　CSS构造规则 394
14.5.2　浏览器的兼容性 394
14.5.3　jQuery的引入 395
14.6　综合案例——我的第一个jQuery程序 396
14.6.1　开发前的一些准备工作 396
14.6.2　具体的程序开发 397
14.7　疑难解惑 398

第15章  jQuery的选择器 399
15.1　jQuery的“$” 400
15.1.1　$符号的应用 400
15.1.2　功能函数的前缀 401
15.1.3　创建DOM元素 402
15.2　基本选择器 403
15.2.1　通配符选择器(*) 403
15.2.2　ID选择器(#id) 404
15.2.3　类名选择器(.class) 405
15.2.4　元素选择器(element) 406
15.2.5　复合选择器 407
15.3　层级选择器 408
15.3.1　祖先后代选择器(ancestor descendant) 409
15.3.2　父子选择器(parent>child) 410
15.3.3　相邻元素选择器(prev+next) 412
15.3.4　兄弟选择器(prev~siblings) 413
15.4　过滤选择器 414
15.4.1　简单过滤选择器 414
15.4.2　内容过滤选择器 421
15.4.3　可见性过滤器 428
15.4.4　表单过滤器 431
15.5　表单选择器 433
15.5.1　:input 433
15.5.2　:text 434
15.5.3　:password 435
15.5.4　:radio 436
15.5.5　:checkbox 437
15.5.6　:submit 438
15.5.7　:reset 439
15.5.8　:button 440
15.5.9　:image 441
15.5.10　:file 442
15.6　属性选择器 443
15.6.1　[attribute] 444
15.6.2　[attribute=value] 445
15.6.3　[attribute!=value] 446
15.6.4　[attribute$=value] 447

第16章  用jQuery控制页面 449
16.1　对页面的内容进行操作 450
16.1.1　对文本内容进行操作 450
16.1.2　对HTML内容进行操作 452
16.1.3　移动和复制页面内容 454
16.1.4　删除页面内容 454
16.1.5　克隆页面内容 455
16.2　对标记的属性进行操作 456
16.2.1　获取属性的值 456
16.2.2　设置属性的值 457
16.2.3　删除属性的值 458
16.3　对表单元素进行操作 459
16.3.1　获取表单元素的值 459
16.3.2　设置表单元素的值 460
16.4　对元素的CSS样式进行操作 461
16.4.1　添加CSS类 461
16.4.2　删除CSS类 464
16.4.3　动态切换CSS类 465
16.4.4　获取和设置CSS样式 466
16.5　实战演练——制作奇偶变色的表格 468
16.6　疑难解惑 471

第17章  jQuery的动画特效 473
17.1　jQuery的基本动画效果 474
17.1.1　隐藏元素 474
17.1.2　显示元素 477
17.1.3　状态切换 479
17.2　淡入淡出的动画效果 480
17.2.1　淡入隐藏元素 480
17.2.2　淡出可见元素 482
17.2.3　切换淡入淡出元素 483
17.2.4　淡入淡出元素至指定数值 484
17.3　滑动效果 485
17.3.1　滑动显示匹配的元素 485
17.3.2　滑动隐藏匹配的元素 487
17.3.3　通过高度的变化动态切换元素的可见性 488
17.4　自定义的动画效果 489
17.4.1　创建自定义动画 489
17.4.2　停止动画 490

第18章  jQuery的事件处理 493
18.1　jQuery的事件机制概述 494
18.1.1　什么是jQuery的事件机制 494
18.1.2　切换事件 494
18.1.3　事件冒泡 496
18.2　页面加载响应事件 497
18.3　jQuery中的事件函数 498
18.3.1　键盘操作事件 498
18.3.2　鼠标操作事件 500
18.3.3　其他的常用事件 504
18.4　事件的基本操作 506
18.4.1　绑定事件 506
18.4.2　触发事件 507
18.4.3　移除事件 508
18.5　实战演练——制作绚丽的多级动画菜单 509
18.6　疑难解惑 515

第19章  jQuery的功能函数 517
19.1　功能函数概述 518
19.2　常用的功能函数 519
19.2.1　操作数组和对象 519
19.2.2　操作字符串 523
19.2.3　序列化操作 525
19.2.4　检测浏览器 526
19.3　调用外部代码 527
19.4　疑难解惑 528

第20章  jQuery插件的开发与使用 531
20.1　理解插件 532
20.1.1　什么是插件 532
20.1.2　如何使用插件 532
20.2　流行的插件 533
20.2.1　jQueryUI插件 534
20.2.2　Form插件 535
20.2.3　提示信息插件 537
20.2.4　jcarousel插件 537
20.3　定义自己的插件 538
20.3.1　插件的工作原理 538
20.3.2　自定义一个简单的插件 539
20.4　实战演练——创建拖拽购物车效果 542
20.5　疑难解惑 543

展开