JQuery风暴——完美用户体验.pdf

内 容 介 绍 内 容 介 绍 本书全面讲解了 jQuery 的各种技术，包括基础特性、各类函数的介绍、使用 jQuery 进行 AJAX 调用、jQuery 插件的开发和使用等。书中对页面设计和开发人员影响深远的 jQuery UI 做了重点讲解，还穿插了部分 JavaScript 的精华知识，指出了各种脚本开发的错误方法和误区。接着给出自定义 jQuery 脚本框架和百度地图开发的案例，从而掌握高效率页面开发经验和 LBS（Location Based Service）应用开发的思路。最后，本书还专门讲解了新鲜出炉的 jQuery Mobile，让我们在移动互联网开发中先人一步。通过本书的学习将改变传统的 JavaScript 开发方式，对于 Web 开发来说意义深远。本书从丰富的实践案例去讲解 jQuery用户体验，从而极大提升用户的直观感受。jQuery 的大版本已经更新到了 1.4，这一版本的 jQuery 有了大量的更新，比如对于函数重新进行了分类，推出了全新的 API 文档，这相当于重新整理了 jQuery 的知识体系结构。所以，本书的写作目的不仅仅是讲解 jQuery 中的技术知识，更侧重建立完整清晰的 jQuery 知识体系，让读者知道 jQuery 的骨架，以后也能够通过自己深入的学习让羽翼更加丰满。本书注重用户体验方面的介绍，在案例的选取上特别注重 B/S企业的实践经验。本书适合于 Web 开发工程师、用户界面设计师、前端架构师、用户体验设计师、移动互联网开发工程师、想深入学习 jQuery 知识的高级开发人员参考学习，还可作为高等院校相关专业的教学参考书。未经许可，不得以任何方式复制或抄袭本书之部分或全部内容。版权所有，侵权必究。图书在版编目（CIP）数据 jQuery 风暴：完美用户体验/张子秋编著.北京：电子工业出版社，2011.4 ISBN 978-7-121-12891-2 .J.张.Java 语言程序设计.TP312 中国版本图书馆 CIP 数据核字（2011）第 016548 号 策划编辑：张春雨 责任编辑：许 艳 特约编辑：赵树刚 印 刷：北京东光印刷厂公司 装 订：三河市皇庄路通装订厂三河市皇庄路通装订厂 出版发行：电子工业出版社 北京市海淀区万寿路 173 信箱 邮编 100036 开 本：7871092 1/16 印张：19.25 字数：492.8 千字 彩插：1 印 次：2011 年 4 月第 1 次印刷 印 数：4000 册 定价：39.00 元 凡所购买电子工业出版社图书有缺损问题，请向购买书店调换。若书店售缺，请与本社发行部联系，联系及邮购电话：（010）88254888。质量投诉请发邮件至 ，盗版侵权举报请发邮件至 。服务热线：（010）88258888。前前 言言 jQuery 无疑是现在最流行的脚本类库之一。jQuery 可以帮助用户轻松地将动态功能应用到网页，而且能最小化代码量。jQuery 有着丰富而绚丽的应用，包括访问部分网页、快速修改网页内容、添加动画、jQuery UI 控件的应用、应用 AJAX 技术、打造自己的脚本框架、开发热门的 LBS（Location Based Service）应用、jQuery Mobile 开发移动互联网服务等。随着用户对网站体验的要求越来越高，在用户至上这一需求的推动下，作为开发者或者网站前台设计师而言，如果能在 B/S 的网站架构下真正用好 jQuery 来提高用户体验和满意度，那么他或许能够更加自信，在职场中也能把握更大的主动权。这本书的特点有哪些?如果没有透彻理解 JavaScript 的精髓，那么对于 jQuery 的深入应用将缺乏基石。因此本书特别安排了内容来讲解 JavaScript，内容涉及命名规范、function、this 指针、DOM、JSON等。有了这些基础之后，我们开始踏上 jQuery 之旅，内容涉及如何利用选择器把效果应用到段落和列表、事件处理和对不同表单元素执行验证的技术、应用视觉效果、导航、AJAX、jQuery UI 和打造属于自己的 jQuery 脚本框架。随着 LBS（Location Based Service）的应用越来越广泛，本书还专门讲解了百度地图的开发。jQuery Mobile 给移动互联网的应用开发提供了便利性，本书在第一时间研究 jQuery Mobile，并把相关的心得呈现出来。如果你对 JavaScript、HTML、CSS 和 jQuery 稍有了解，那么这本书正是为你而准备的。因为本书涵盖了利用 jQuery 展开工作时可能遇到的大多数问题，而且本书用通俗而浅显的文字、个性化的应用案例，给出了学习 jQuery 的范例，用来解释每一个新概念，并且每个范例都提供完整的代码。本书对于知识的组织、整理、归类，以及如何让读者能够建立完整的 jQuery 知识体系进行了自己独特的探索。此外，jQuery 的大版本已经更新到了 1.4，这一版本的 jQuery 有了大量的更新，比如对于函数重新进行了分类，推出了全新的 API 文档，这相当于重新整理了 jQuery 的知识体系结构。所以，本书写作目的不仅仅是讲解 jQuery 中的技术知识，更侧重建立完整清晰的 jQuery 知识体系，让读者知道 jQuery 的骨架，以后也能够通过自己深入的学习让羽翼更加丰满。这本书适合你吗？听说过 jQuery，明白 jQuery 在用户体验方面很“给力”，迫切想掌握该框架的您。了解 JavaScript、HTML、CSS，想让网站交互性更加完美的您。接触过 jQuery，但是理解不是那么深刻，特别对 jQuery 1.4 新特性很着迷的您。天天接触 jQuery，但是不晓得怎么来打造个性化 jQuery 脚本框架的您。对 LBS（Location Based Service）已经如雷贯耳了，希望开发适合自己应用的您。刚刚听说 jQuery Mobile 推出了，正在琢磨着如何改善移动互联网体验的您。能学到什么？使用 jQuery 的 API 文档的技巧。IV 把效果应用到段落和列表。灵活设置页面布局和页面导航。丰富的事件处理机制和动画效果。jQuery UI 完美应用。自定义和封装自己的 jQuery 框架。jQuery 与百度地图构建 LBS（Location Based Service）热门应用。jQuery Mobile，开发基于移动互联网平台的应用。本书涉及哪些 jQuery 的新特性？1.完美的 JS 智能提示支持 2.功能强大的选择器（支持 CSS1-3 选择器及各种功能强大的选择器）3.性能最佳的选择器 4.支持多种浏览器 IE 6.0+、FF 2+、Safari 3.0+、Opera 9.0+、Chrome。5.优雅的链式语法$(.myClass).css(color,red).show();6.AJAX 操作$(#divResult).load(./data/AjaxGetCityInfo.aspx，resultType:html);V 7.Datepicker 日历控件 8.Dialog 对话框控件 9.Tab 控件 10.Accordion 手风琴菜单控件 VI 11.Progressbar 进度条控件 12.Slider 滑动条控件 13.Button 按钮控件 14.Autocomplete 自动提示控件 VII 15.易于扩展（基于 jQuery 开发的日历框）16.jQuery Mobile（开发基于移动互联网平台的炫丽应用）致谢 写作的过程漫长而且艰辛，历时一年多，甚至跨越了 jQuery 版本（在刚开始写作时还是 1.3.2 版本）。在写作本书的时候，我脑子里总是不停地思考，如何把知识讲解得简单，如何让读者更容易读懂，阅读起来更加流畅。因为我自己就常常遇到看书时，发现书中的知识过于跳跃或者语言晦涩很难理解的情况。但是为了易于读者理解本书的内容，本书也牺牲了一些展示复杂代码和技术的机会。如果在你一口气看完全书后，有跃跃欲试的感觉，甚至感觉还不过瘾的话，那么说明你上道了，这总比看了一半郁闷地扔掉本书要好多了。本书由张子秋编著。在编写过程中，万雷、王斌、张强林、张赛桥、黄北军、王文佳、王晓也做了大量的工作。成都道然科技有限责任公司参与了本书审核校对工作。此外，还 VIII 要感谢艺龙网、时光网、我的母亲周立波、我的父亲张跃、我的领导王雪、于泳洋、邹正宸。由于笔者能力和知识有限，如有疏漏，还请读者批评指正，E-mail：。本书代码与支持 为了低碳生活，本书没有配光盘，而是采用网上下载代码的方式。本书的源代码下载，以及有疑问想询问作者，可以访问作者的博客：http:/ http:/ 网站上获取。目目 录录 第 1 章 jQuery 入门.1 1.1 认识 jQuery.2 1.1.1 认识 jQuery.2 1.1.2 jQuery 之美.3 1.1.3 jQuery 与其他脚本类库的比较.5 1.2 上手 jQuery.6 1.2.1 jQuery 版本介绍.6 1.2.2 在 Visual Studio 中使用 jQuery.7 1.2.3 在 Aptana 中使用 jQuery.8 1.3 Hello jQuery 实例.10 1.3.1 添加脚本引用.10 1.3.2 添加 DOM 元素.11 1.3.3 创建页面脚本对象.11 1.4 小结.12 第 2 章 必须知道的 JavaScript 知识.13 2.1 JavaScript 基础.14 2.1.1 JavaScript 与 ECMAScript.14 2.1.2 JavaScript 中的值类型和引用类型.14 2.1.3 JavaScript 中的原始类型.15 2.1.4 undefined、null 和 typeof 运算符.15 2.1.5 变量声明.17 2.1.6 JavaScript 命名规范.17 2.1.7 变量的作用域与闭包.18 2.2 悟透 JavaScript 中的 function.20 2.2.1 使用 function 声明方法和类型.20 2.2.2 function 的本质.21 2.2.3 new 运算符.21 2.2.4 function 的 arguments 参数对象.22 2.2.5 理解 this 指针.22 2.3 JavaScript 中的原型.24 2.3.1 使用原型实现 JavaScript 的面向对象.24 2.3.2 使用原型链实现继承.25 2.4 DOM.26 2.4.1 什么是 DOM.26 2.4.2 操作 HTML DOM 对象.26 2.4.3 DOM 元素与 HTML 元素.28 X jQuery 风暴完美用户体验jQuery 风暴完美用户体验 2.5 其他 JavaScript 秘籍.29 2.5.1 数据通信格式 JSON.29 2.5.2 动态语言eval.31 2.5.3 JavaScript 中的逻辑运算符.32 2.6 小结.35 第 3 章 jQuery 核心基础.36 3.1 jQuery 对象.37 3.1.1 什么是 jQuery 对象.37 3.1.2 jQuery 对象深入解析.37 3.1.3 jQuery 对象转换为 DOM 对象.38 3.1.4 DOM 对象转化为 jQuery 对象.39 3.1.5 jQuery 对象的链式操作.39 3.1.6 “$”变量的使用.40 3.1.7 解决多类库冲突“$”变量冲突问题.41 3.2 jQuery 文档处理程序.42 3.2.1 jQuery 文档处理程序介绍.42 3.2.2 文档处理程序的优势.43 3.2.3 jQuery 文档处理程序深入解析.44 3.2.4 jQuery 文档处理程序注意事项.46 3.3 jQuery 帮助文档.49 3.3.1 jQuery API 在线帮助文档.49 3.3.2 jQuery