内容简介
本书以零基础讲解为宗旨,用实例引导读者深入学习,采取“基础入门→核心技术→移动网页开发→项目实战”的讲解模式,深入浅出地讲解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网页设计的方法和技巧。
前 言
“网站开发案例课堂”系列图书是专门为办公技能和网页设计初学者量身定制的一套学习用书。整套书涵盖网页设计、网站开发、数据库设计等方面。整套书具有以下特点。
前沿科技
无论是网站建设、数据库设计还是HTML 5、CSS 3、JavaScript,我们都精选较为前沿或者用户群最大的领域推进,帮助大家认识和了解最新动态。
权威的作者团队
组织国家重点实验室和资深应用专家联手编著该套图书,融合丰富的教学经验与优秀的管理理念。
学习型案例设计
以技术的实际应用过程为主线,全程采用图解和同步多媒体结合的教学方式,生动、直观、全面地剖析使用过程中的各种应用技能,降低难度,同时提升学习效率。
为什么要写这样一本书
随着网页对用户页面体验要求的提高,JavaScript再度受到广大技术人员的重视。jQuery是继prototype之后又一个优秀的JavaScript框架。本书将全面介绍jQuery动态网页设计的知识,主要针对动态网页设计的初学者,让读者能够快速入门和上手,同时本书还介绍比较流行的移动JavaScript框架,即jQuery Mobile。通过本书的项目演练,读者可以很快地掌握流行的工具,提高职业化能力,从而帮助解决公司与求职者的双重需求问题。
本书特色
零基础、入门级的讲解
无论您是否从事计算机相关行业,无论您是否接触过jQuery动态网页设计,都能从本书中找到最佳起点。
超多、实用、专业的范例和项目
本书在编排上紧密结合深入学习网页制作技术的先后过程,从JavaScript的基本概念开始,带领大家深入地学习各种应用技巧,侧重实战技能,使用简单易懂的实际案例进行分析和操作指导,让读者读起来简明轻松,操作起来有章可循。
随时检测自己的学习成果
内容讲解章节最后的“疑难解惑”板块,均根据本章内容精选而成,从而帮助读者解决自学过程中最常见的疑难问题。
细致入微、贴心提示
本书在讲解过程中,在各章中使用了“注意”“提示”“技巧”等小贴士,使读者在学习过程中更清楚地了解相关操作、理解相关概念,并轻松掌握各种操作技巧。
专业创作团队和技术支持
您在学习过程中遇到任何问题,可加入QQ群(案例课堂VIP)451102631进行提问,专家人员会在线答疑。
超值资源大放送
全程同步教学录像
涵盖本书所有知识点,详细讲解每个实例及项目的过程及技术关键点。比看书更轻松地掌握书中所有的网页制作和设计知识,而且扩展的讲解部分使您得到比书中更多的收获。
超多容量王牌资源
赠送大量王牌资源,包括实例源代码、教学幻灯片、本书精品教学视频、88个实用类网页模板、12部网页开发必备参考手册、jQuery参考手册、JavaScript函数速查手册、精选的JavaScript实例、CSS 3属性速查表、CSS+DIV布局赏析案例、精彩网站配色方案赏析、网页样式与布局案例赏析、Web前端工程师常见面试题等。读者可以通过QQ群(案例课堂VIP)451102631获取赠送资源,也可以扫描二维码,下载本书资源。
读者对象
没有任何网页设计基础的初学者。
有一定的jQuery基础,想精通jQuery网页设计的人员。
有一定的jQuery网页设计基础,没有项目经验的人员。
正在进行毕业设计的学生。
大专院校及培训学校的老师和学生。
创作团队
本书由刘玉红、蒲娟主编,参加编写的人员还有刘玉萍、张金伟、周佳、付红、李园、郭广新、侯永岗、王攀登、刘海松、孙若淞、王月娇、包慧利、陈伟光、胡同夫、王伟、展娜娜、李琪、梁云梁和周浩浩。在编写过程中,我们竭尽所能地将最好的讲解呈现给读者,但也难免有疏漏和不妥之处,敬请不吝指正。若您在学习中遇到困难或疑问,或有任何建议,可写信至信箱357975357@qq.com。
编 者
目 录
第1篇 基 础 入 门第1章 必须了解的JavaScript知识 31.1 认识JavaScript 41.1.1 什么是JavaScript 41.1.2 JavaScript的特点 41.2 JavaScript的编写工具 51.2.1 记事本 51.2.2 Dreamweaver CC 61.3 JavaScript在HTML 5中的使用 61.3.1 在HTML 5网页头中嵌入JavaScript代码 71.3.2 在HTML 5网页中嵌入JavaScript代码 81.3.3 在HTML 5中调用已经存在的JavaScript文件 91.4 JavaScript的核心语法 101.4.1 变量的声明和赋值 101.4.2 看透代码中的数据类型 121.4.3 逻辑控制语句 161.5 实战演练——一个简单的JavaScript示例 191.6 疑难解惑 20第2章 深入学习JavaScript对象与数组 212.1 了解对象 222.1.1 什么是对象 222.1.2 面向对象编程 232.1.3 JavaScript的内部对象 242.2 对象访问语句 252.2.1 for-in循环语句 252.2.2 with语句 262.3 JavaScript中的数组 272.3.1 结构化数据 272.3.2 创建和访问数组对象 272.3.3 使用for-in语句 302.3.4 Array对象的常用属性和方法 302.4 详解常用的数组对象方法 392.4.1 连接其他数组到当前数组 392.4.2 将数组元素连接为字符串 402.4.3 移除数组中最后一个元素 412.4.4 将指定的数值添加到数组中 412.4.5 反序排列数组中的元素 422.4.6 删除数组中的第一个元素 432.4.7 获取数组中的一部分数据 442.4.8 对数组中的元素进行排序 452.4.9 将数组转换成字符串 462.4.10 将数组转换成本地字符串 472.4.11 在数组开头插入数据 472.5 创建和使用自定义对象 482.5.1 通过定义对象构造函数的方法 482.5.2 通过对象直接初始化的方法 512.5.3 修改和删除对象实例的属性 522.5.4 通过原型为对象添加新属性和新方法 532.5.5 自定义对象的嵌套 542.5.6 内存的分配和释放 572.6 实战演练——利用二维数组创建动态下拉菜单 572.7 疑难解惑 59第3章 jQuery的基础知识 613.1 jQuery概述 623.1.1 jQuery能做什么 623.1.2 jQuery的特点 623.1.3 jQuery的技术优势 633.2 下载并配置jQuery 653.2.1 下载jQuery 663.2.2 配置jQuery 673.3 jQuery的开发工具 673.3.1 JavaScript Editor Pro 673.3.2 Dreamweaver 683.3.3 UltraEdit 693.3.4 记事本工具 693.4 jQuery的调试小工具 703.4.1 Firebug 703.4.2 Blackbird 733.4.3 jQueryPad 753.5 jQuery与CSS 3 753.5.1 CSS 3构造规则 753.5.2 浏览器的兼容性 763.5.3 jQuery的引入 773.6 实战演练——我的第一个jQuery程序 783.6.1 开发前的一些准备工作 783.6.2 具体的程序开发 793.7 疑难解惑 79第4章 jQuery的选择器 814.1 jQuery的$ 824.1.1 $符号的应用 824.1.2 功能函数的前缀 834.1.3 创建DOM元素 834.2 基本选择器 844.2.1 通配符选择器(*) 844.2.2 ID选择器(#id) 854.2.3 类名选择器(.class) 874.2.4 元素选择器(element) 884.2.5 复合选择器 894.3 层级选择器 904.3.1 祖先后代选择器(ancestordescendant) 904.3.2 父子选择器(parent>child) 924.3.3 相邻元素选择器(prev+next) 944.3.4 兄弟选择器(prev~siblings) 954.4 过滤选择器 974.4.1 简单过滤选择器 974.4.2 内容过滤选择器 1044.4.3 可见性过滤器 1104.4.4 表单过滤器 1144.5 表单选择器 1164.5.1 :input选择器 1164.5.2 :text选择器 1174.5.3 :password选择器 1174.5.4 :radio选择器 1184.5.5 :checkbox选择器 1194.5.6 :submit选择器 1214.5.7 :reset选择器 1214.5.8 :button选择器 1224.5.9 :image选择器 1234.5.10 :file选择器 1244.6 属性选择器 1254.6.1 [attribute]选择器 1254.6.2 [attribute=value]选择器 1274.6.3 [attribute!=value]选择器 1284.6.4 [attribute$=value]选择器 1294.7 实战演练——匹配表单中的元素并实现不同的操作 1304.8 疑难解惑 132第2篇 核 心 技 术第5章 用jQuery控制页面 1375.1 对页面的内容进行操作 1385.1.1 对文本内容进行操作 1385.1.2 对HTML内容进行操作 1405.1.3 移动和复制页面内容 1415.1.4 删除页面内容 1425.1.5 克隆页面内容 1435.2 对标记的属性进行操作 1445.2.1 获取属性的值 1445.2.2 设置属性的值 1455.2.3 删除属性的值 1465.3 对表单元素进行操作 1475.3.1 获取表单元素的值 1475.3.2 设置表单元素的值 1485.4 对元素的CSS样式进行操作 1495.4.1 添加CSS类 1495.4.2 删除CSS类 1515.4.3 动态切换CSS类 1535.4.4 获取和设置CSS样式 1545.5 实战演练——制作奇偶变色的表格 1565.6 疑难解惑 158第6章 jQuery的动画特效 1616.1 jQuery的基本动画效果 1626.1.1 隐藏元素 1626.1.2 显示元素 1656.1.3 状态切换 1676.2 淡入淡出的动画效果 1686.2.1 淡入隐藏元素 1696.2.2 淡出可见元素 1706.2.3 切换淡入淡出元素 1716.2.4 淡入淡出元素至指定数值 1726.3 滑动效果 1746.3.1 滑动显示匹配的元素 1746.3.2 滑动隐藏匹配的元素 1756.3.3 通过高度的变化动态切换元素的可见性 1766.4 自定义的动画效果 1786.4.1 创建自定义动画 1786.4.2 停止动画 1796.5 疑难解惑 181第7章 jQuery的事件处理 1837.1 jQuery的事件机制概述 1847.1.1 什么是jQuery的事件机制 1847.1.2 事件切换 1847.1.3 事件冒泡 1867.2 页面加载响应事件 1877.3 jQuery中的事件函数 1887.3.1 键盘操作事件 1887.3.2 鼠标操作事件 1907.3.3 其他的常用事件 1937.4 事件的基本操作 1957.4.1 绑定事件 1957.4.2 触发事件 1967.4.3 移除事件 1977.5 实战演练——制作绚丽的多级动画菜单 1997.6 疑难解惑 204第8章 jQuery的功能函数 2058.1 功能函数概述 2068.2 常用的功能函数 2078.2.1 操作数组和对象 2078.2.2 操作字符串 2108.2.3 序列化操作 2128.3 调用外部代码 2138.4 疑难解惑 214第9章 jQuery与Ajax技术的应用 2179.1 Ajax快速入门 2189.1.1 什么是Ajax 2189.1.2 Ajax的关键元素 2219.1.3 CSS在Ajax应用中的地位 2219.2 Ajax的核心技术 2229.2.1 全面剖析XMLHttpRequest对象 2229.2.2 发出Ajax请求 2249.2.3 处理服务器响应 2269.3 jQuery中的Ajax 2279.3.1 load()方法 2279.3.2 $.get()方法和$.post()方法 2309.3.3 $.getScript()方法和$.getJson()方法 2339.3.4 $.ajax()方法 2369.4 疑难解惑 237第10章 jQuery插件的开发与使用 23910.1 理解插件 24010.1.1 什么是插件 24010.1.2 如何使用插件 24010.2 流行的插件 24110.2.1 jQueryUI插件 24210.2.2 Form插件 24310.2.3 提示信息插件 24510.2.4 jcarousel插件 24510.3 定义自己的插件 24610.3.1 插件的工作原理 24610.3.2 自定义一个简单的插件 24710.4 实战演练——创建拖曳购物车效果 25010.5 疑难解惑 251第3篇 移动网页开发第11章 走进jQuery Mobile 25511.1 认识jQuery Mobile 25611.2 跨平台移动设备网页jQuery Mobile 25611.2.1 移动设备模拟器 25611.2.2 jQuery Mobile的安装 25811.2.3 jQuery Mobile网页的架构 26011.3 创建多页面的jQuery Mobile网页 26111.4 将页面作为对话框使用 26211.5 绚丽多彩的页面切换效果 26411.6 疑难解惑 266第12章 jQuery MobileUI组件 26712.1 套用UI组件 26812.1.1 表单组件 26812.1.2 按钮和按钮组 27612.1.3 按钮图标 27812.1.4 弹窗 28012.2 列表 28112.2.1 列表视图 28112.2.2 列表内容 28412.2.3 列表过滤 28612.3 面板和可折叠块 28712.3.1 面板 28812.3.2 可折叠块 28912.4 导航条 29112.5 实战演练——使用jQuery Mobile主题 29412.6 疑难解惑 297第13章 jQuery Mobile事件 29913.1 页面事件 30013.1.1 初始化事件 30013.1.2 外部页面加载事件 30213.1.3 页面过渡事件 30413.2 触摸事件 30613.2.1 点击事件 30613.2.2 滑动事件 30913.3 滚屏事件 31113.4 定位事件 31413.5 疑难解惑 316第4篇 项 目 实 战第14章 项目演练1——开发时钟特效系统 31914.1 项目需求分析 32014.2 项目技术分析 32114.3 系统的代码实现 32114.3.1 设计首页 32214.3.2 定义时钟类 32314.3.3 定义数字时钟的视图类 32514.3.4 定义圆形指针时钟的视图类 32914.3.5 合并多个js文件 33114.3.6 合并Clock.js、DigitalView.js和CircleView.js文件 332第15章 项目演练2——开发动态字符演示系统 34315.1 项目需求分析 34415.2 项目技术分析 34515.3 系统的代码实现 34515.3.1 设计首页 34515.3.2 定义动画的类和执行动画的类 34815.3.3 封装jQuery插件 35815.3.4 合并js文件和编译CSS文件 35915.3.5 合并TextAnimate.js和jquery.textanimate.js文件 360第16章 项目演练3——开发图片堆叠系统 36716.1 项目需求分析 36816.2 系统的代码实现 36916.2.1 设计首页 36916.2.2 图片堆叠核心功能 37416.2.3 封装jQuery插件 38216.2.4 合并js文件和编译CSS文件 38316.2.5 合并ImgPile.js和jquery.imgpile.js文件 384第17章 项目演练4——开发商品信息展示系统 39317.1 项目需求分析 39417.2 项目技术分析 39617.3 系统的代码实现 39617.3.1 设计首页 39617.3.2 开发控制器类的文件 39817.3.3 开发数据模型类文件 40017.3.4 开发视图抽象类的文件 40217.3.5 项目中的其他js文件说明 405第18章 项目演练5——开发连锁酒店移动网站 40718.1 连锁酒店订购的需求分析 40818.2 网站的结构 40818.3 连锁酒店系统的代码实现 40918.3.1 设计首页 40918.3.2 订购页面 41018.3.3 连锁分店页面 41518.3.4 查看订单页面 41718.3.5 酒店介绍页面 418