编辑推荐
《锋利的jQuery(第2版)》是《锋利的jQuery》全新升级版,例子采用全新的UI,代码更符合语义化;增加jQueryMobile的章节;增加jQuery版本变化的章节;增加jQuery性能优化和技巧的章节
提供了丰富的附录:
jQuery中的$(document).ready()方法
jQuery加载并解析XML
前端开发调试工具Firbug
插件的API
AJAX的核心对象XMLHttpRequest
jQuery API速查表
jQuery中的$.ajax方法
内容简介
《锋利的jQuery(第2版)》循序渐进地对jQuery的各种函数和方法调用进行了介绍,读者可以系统地掌握jQuery的选择器、DOM操作、事件和动画、AJAX应用、插件、jQuery Mobile、jQuery各个版本变化、jQuery性能优化和技巧等知识点,并结合每个章节后面的案例演示进行练习,达到掌握核心知识点的目的。
为使读者更好地进行开发实践,本书的第8章将前7章讲解的知识点和效果进行了整合,打造出一个非常有个性的网站,并从案例研究、网站材料、网站结构、网站样式和网站脚本等方面指导读者参与到项目建设中来。
《锋利的jQuery(第2版)》适合所有对jQuery技术感兴趣的Web设计者和前端开发人员阅读和参考。
作者简介
单东林,曾经拥有一个网站cssrain.cn,后来因不可抗拒力而关闭。通过本书继续为国内前端开发做贡献。
内页插图
目录
第1章 认识jQuery
1.1 JavaScript和JavaScript库
1.1.1 JavaScript简介
1.1.2 JavaScript库作用及对比
1.2 加入jQuery
1.2.1 jQuery简介
1.2.2 jQuery的优势
1.3 jQuery代码的编写
1.3.1 配置jQuery环境
1.3.2 编写简单的jQuery代码
1.3.3 jQuery代码风格
1.4 jQuery对象和DOM对象
1.4.1 DOM对象和jQuery对象简介
1.4.2 jQurey对象和DOM对象的相互转换
1.4.3 实例研究
1.5 解决jQuery和其他库的冲突
1.6 jQuery开发工具和插件
1.7 小结
第2章 jQuery选择器
2.1 jQuery选择器是什么
2.2 jQuery选择器的优势
2.3 jQuery选择器
2.3.1 基本选择器
2.3.2 层次选择器
2.3.3 过滤选择器
2.3.4 表单选择器
2.4 应用jQuery改写示例
2.5 选择器中的一些注意事项
2.5.1 选择器中含有特殊符号的注意事项
2.5.2 选择器中含有空格的注意事项
2.6 案例研究--某网站品牌列表的效果
2.7 其他选择器
2.7.1 jQuery提供的选择器的扩展
2.7.2 其他使用CSS选择器的方法
2.8 小结
第3章 jQuery中的DOM操作
3.1 DOM操作的分类
3.2 jQuery中的DOM操作
3.2.1 查找节点
3.2.2 创建节点
3.2.3 插入节点
3.2.4 删除节点
3.2.5 复制节点
3.2.6 替换节点
3.2.7 包裹节点
3.2.8 属性操作
3.2.9 样式操作
3.2.10 设置和获取HTML、文本和值
3.2.11 遍历节点
3.2.12 CSS-DOM操作
3.3 案例研究--某网站的超链接和图片提示效果
3.4 小结
第4章 jQuery中的事件和动画
4.1 jQuery中的事件
4.1.1 加载DOM
4.1.2 事件绑定
4.1.3 合成事件
4.1.4 事件冒泡
4.1.5 事件对象的属性
4.1.6 移除事件
4.1.7 模拟操作
4.1.8 其他用法
4.2 jQuery中的动画
4.2.1 show()方法和hide()方法
4.2.2 fadeIn()方法和fadeOut()方法
4.2.3 slideUp()方法和slideDown()方法
4.2.4 自定义动画方法animate()
4.2.5 动画回调函数
4.2.6 停止动画和判断是否处于动画状态
4.2.7 其他动画方法
4.2.8 动画方法概括
4.3 视频展示效果实例
4.4 小结
第5章 jQuery对表单、表格的操作及更多应用
5.1 表单应用
5.1.1 单行文本框应用
5.1.2 多行文本框应用
5.1.3 复选框应用
5.1.4 下拉框应用
5.1.5 表单验证
5.2 表格应用
5.2.1 表格变色
5.2.2 表格展开关闭
5.2.3 表格内容筛选
5.3 其他应用
5.3.1 网页字体大小
5.3.2 网页选项卡
5.3.3 网页换肤
5.4 小结
第6章 jQuery与Ajax的应用
6.1 Ajax的优势和不足
6.1.1 Ajax的优势
6.1.2 Ajax的不足
6.2 Ajax的XMLHttpRequest对象
6.3 安装Web环境--AppServ
6.4 编写第1个Ajax例子
6.5 jQuery中的Ajax
6.5.1 load()方法
6.5.2 $.get()方法和$.post()方法
6.5.3 $.getScript()方法和$.getJson()方法
6.5.4 $.ajax()方法
6.6 序列化元素
6.7 jQuery中的Ajax全局事件
6.8 基于jQuery的Ajax聊天室程序
6.8.1 基本设想
6.8.2 设计数据库
6.8.3 服务器端处理
6.8.4 客户端处理
6.8.5 客户端代码
6.8.6 整合代码
6.9 小结
第7章 jQuery插件的使用和写法
7.1 jQuery表单验证插件--Validation
7.1.1 Validation简介
7.1.2 下载地址
7.1.3 快速上手
7.1.4 不同的验证写法
7.1.5 验证信息
7.1.6 自定义验证规则
7.1.7 API
7.2 jQuery表单插件--Form
7.2.1 Form插件简介
7.2.2 下载地址
7.2.3 快速上手
7.2.4 核心方法--ajaxForm()和ajaxSubmit()
7.2.5 ajaxForm()方法和ajaxSubmit()方法的参数
7.2.6 表单提交之前验证表单
7.2.7 API
7.3 模态窗口插件--SimpleModal
7.3.1 SimpleModal插件简介
7.3.2 下载地址
7.3.3 快速上手
7.3.4 关闭模态窗口
7.3.5 实际应用
7.3.6 API
7.4 管理Cookie的插件--Cookie
7.4.1 Cookie插件简介
7.4.2 下载地址
7.4.3 快速上手
7.4.4 API
7.5 jQuery UI插件
7.5.1 jQuery UI简介
7.5.2 下载地址
7.5.3 快速上手
7.5.4 与单击事件冲突
7.5.5 与后台结合
7.6 编写jQuery插件
7.6.1 插件的种类
7.6.2 插件的基本要点
7.6.3 插件中的闭包
7.6.4 jQuery插件的机制
7.6.5 编写jQuery插件
7.7 小结
第8章 用jQuery打造个性网站
8.1 案例背景介绍
8.2 网站材料
8.3 网站结构
8.3.1 文件结构
8.3.2 网页结构
8.3.3 界面设计
8.4 网站的(X)HTML
8.5 网站样式(CSS)
8.5.1 将CSS文件分门别类
8.5.2 编写CSS
8.6 网站脚本(jQuery)
8.6.1 准备工作
8.6.2 首页(index.html)上的功能
8.6.3 详细页(detail.html)上的功能
8.7 小结
第9章 jQuery Mobile
9.1 HTML 5简介
9.2 jQuery Mobile简介
9.3 jQuery Mobile主要特性
9.4 jQuery Mobile的使用
9.4.1 准备工作
9.4.2 构建HTML模板
9.4.3 data-role属性
9.4.4 添加内容
9.4.5 样式切换
9.5 其他框架
9.5.1 移动框架
9.5.2 PhoneGap
9.6 小结
第10章 jQuery各个版本的变化
10.1 jQuery的发展历史
10.2 jQuery各个版本新增方法
10.3 小结
第11章 jQuery性能优化和技巧
11.1 jQuery性能优化
11.2 jQuery技巧
11.3 小结
附录A 关于$(document).ready()函数
A.1 $(document).ready()函数介绍
A.2 多个$(document).ready()函数
附录B Firebug
B.1 概述
B.2 主面板简介
B.2.1 控制台面板
B.2.2 HTML面板
B.2.3 CSS、DOM和网络面板
B.2.4 脚本面板
B.3 一些资源
B.4 总结
附录C Ajax的XMLHttpRequest对象的属性和方法
附录D jQuery $.ajax()方法的参数详解
附录E jQuery加载并解析XML
E.1 简述
E.2 Content-Type
E.3 XML结构
E.4 获取XML
E.5 解析XML
E.6 禁用缓存
附录F 插件API
F.1 Validation插件API
F.2 Form插件API
F.3 SimpleModal插件API
F.4 Cookie插件API
附录G jQuery速查表
G.1 基础
G.2 选择器
G.3 属性
G.4 筛选
G.5 文档处理
G.6 CSS
G.7 事件
G.8 效果
G.9 Ajax
G.10 实用项
G.11 其他对象
前言/序言
深入理解与实践:现代Web开发中的JavaScript利器 在瞬息万变的数字时代,Web应用程序已成为信息传递、商业互动乃至社交连接的核心。而支撑起这些丰富交互体验的基石,正是强大的前端开发技术,其中JavaScript扮演着举足轻重的角色。本书并非仅仅是关于某一个特定工具的介绍,它旨在为读者构建一套全面、深入的JavaScript开发思维体系,并辅以强大的实践方法论,让您在现代Web开发的浪潮中,能够游刃有余,事半功倍。 我们深知,掌握一门技术,尤其是像JavaScript这样日新月异的语言,绝非一蹴而就。它需要对底层原理的深刻理解,对设计模式的敏锐洞察,以及对性能优化和健壮性保障的细致追求。因此,本书将带领您超越表面的API调用,深入探究JavaScript的核心机制,例如事件循环(Event Loop)的工作原理,原型链(Prototype Chain)的继承机制,以及闭包(Closures)的强大能力。理解这些基础,将使您能够更清晰地把握代码的执行流程,更准确地定位和解决潜在的bug,并能更有效地进行异步编程。 在现代Web开发的实践中,前端框架和库的出现极大地提高了开发效率和用户体验。然而,任何框架或库的本质,都离不开对JavaScript语言本身特性的巧妙运用。本书将引导您认识到,理解JavaScript语言的精髓,比单纯记忆某个库的语法更为重要。当您真正理解了JavaScript的事件模型,您就能更自信地处理DOM事件,实现复杂的用户交互;当您掌握了JavaScript的异步编程模型(如Promise和Async/Await),您就能轻松构建响应迅速、不阻塞主线程的网络应用。 本书的另一大核心关注点在于“实战”。理论的海洋固然广阔,但只有通过实践的锤炼,才能真正转化为解决实际问题的能力。我们将通过一系列精心设计的案例,逐步引导您将所学的JavaScript知识应用于构建功能完善的Web应用程序。这些案例涵盖了从简单的DOM操作到复杂的AJAX请求,从动态内容更新到用户输入的实时校验,再到与后端API的数据交互。在每一个案例中,我们都会强调代码的结构化、可维护性和性能考量。您将学会如何组织您的JavaScript代码,如何使用模块化开发来管理日益庞大的项目,以及如何编写清晰、易于理解的注释。 除了核心的JavaScript语言特性和实际应用,本书还会触及一些在现代Web开发中至关重要但常常被忽视的方面。例如,性能优化。在用户体验至上的今天,加载速度、响应时间和资源消耗是衡量一个Web应用优劣的重要指标。我们将探讨如何通过减少HTTP请求、优化资源加载顺序、延迟加载非关键资源、以及利用浏览器缓存等技术手段,显著提升Web应用的性能。您将了解到如何利用浏览器提供的开发者工具来分析性能瓶颈,并针对性地进行改进。 代码的健壮性与可维护性也是本书重点强调的。一个优秀的前端开发者,不仅仅是能够写出能跑的代码,更要写出易于理解、易于调试、易于扩展的代码。我们将介绍一些通用的编程范式和设计模式,例如工厂模式(Factory Pattern)、单例模式(Singleton Pattern)和观察者模式(Observer Pattern),以及如何在JavaScript中应用它们来构建更具弹性和可维护性的代码。同时,您也将学习到如何有效地进行错误处理,如何编写单元测试来保证代码的正确性,以及如何利用代码规范和Lint工具来统一团队的代码风格,减少低级错误。 在日益复杂的Web开发环境中,异步编程的掌握至关重要。从早期的回调函数(Callbacks)到Promise,再到现代的Async/Await,JavaScript的异步处理能力得到了飞跃式的发展。本书将深入剖析这几种异步编程模式,帮助您理解它们的设计理念、优缺点,并教您如何在不同的场景下选择最合适的方案。您将学会如何避免“回调地狱”,如何更清晰地组织和管理异步操作,以及如何编写更具可读性的异步代码。 此外,本书还将探讨模块化开发的重要性。随着Web应用的规模不断扩大,将代码分割成独立的、可重用的模块变得尤为关键。我们将介绍JavaScript模块化的演进过程,包括CommonJS、AMD以及ES Modules,并重点讲解ES Modules的优势和实际应用。您将学习如何使用模块来组织项目,如何管理依赖关系,以及如何构建更易于维护和扩展的大型应用程序。 安全性也是Web开发中不可或缺的一环。尽管本书的侧重点在于JavaScript语言本身及其应用,但我们将适时地提及一些与前端安全相关的概念,例如跨站脚本攻击(XSS)和跨站请求伪造(CSRF),并介绍一些基本的防护措施,让您在开发过程中就能意识到安全的重要性。 总而言之,本书的目标是为您打下坚实的JavaScript开发基础,培养您成为一名能够独立解决复杂Web开发问题,并且注重代码质量和性能的优秀开发者。我们相信,通过深入的学习和勤奋的实践,您将能够熟练驾驭JavaScript这把利器,在现代Web开发领域开辟属于自己的一片天地。本书所包含的内容,将帮助您构建更现代化、更高效、更稳定、更具吸引力的Web应用程序,满足您在不断变化的技术环境中持续进步的需求。
我是一位对前端技术充满热情但时间有限的开发者,一直想系统地学习 jQuery,但总是被市面上琳琅满目的书籍所困扰。《锋利的jQuery(第2版)》这本书,凭借其高度的实践性和前瞻性,成功地吸引了我的注意,并且也确实没有让我失望。这本书的特点在于,它不会让你沉浸在无休止的API查阅中,而是通过大量的“实际案例”来驱动学习。从最基础的“构建一个简单的相册”到更复杂的“实现一个响应式的导航菜单”,书中的每一个案例都设计得非常贴合实际开发场景,并且循序渐进,让你在解决实际问题的过程中,不知不觉地掌握了 jQuery 的核心用法。让我印象特别深刻的是,书中关于“AJAX 异步通信”的章节,不仅仅讲解了 `$.ajax()` 的基本用法,还深入探讨了如何处理不同类型的响应、如何实现轮询、如何设置请求超时等高级技巧,这些内容对于开发需要实时交互的 Web 应用至关重要。这本书的另一个亮点在于,它并没有仅仅停留在 jQuery 的层面,而是会适时地提及一些与 jQuery 相关的现代前端开发趋势,例如如何将 jQuery 应用于单页面应用(SPA)的局部更新,或者如何与一些构建工具协同工作。这让我感觉这本书不仅仅是在教我“jQuery”,更是在教我“如何用 jQuery 解决现代前端开发中的问题”。