前言
jQuery程序库给前端开发带来了一场风暴。它极其简单的语法使曾经很复杂的任务变得轻松愉快。许多开发人员很快就为它的优雅和清晰而着迷。如果你已经开始使用这个程序库,你就已经将丰富而具有交互性的体验加入到你的项目中。
jQuery的入门非常容易,但是和许多用于开发网站的工具一样,完全体会到它的广度和深度需要花费几个月甚至几年的时间。这个程序库充满了你从未想象过的特性。一旦你了解了这些特性,这些特性就能够戏剧性地改变你解决问题的方法。
本书旨在向亲爱的读者展示业界领先的前端开发人员在日常项目中使用jQuery的方式和方法。在18章中,这些业界精英将带你经历由简到繁的各种问题的解决过程。不管你是jQuery新手还是老练的JavaScript开发人员,都能够对jQuery创建引人注目、健壮和高性能的用户界面的能力有全新的认识。
我们从基础知识和通用最佳实践的介绍开始——在页面中包含jQuery、做出选择、遍历和操纵。即使常用jQuery的用户也能从中学到一两个技巧。由此,我们转向实际的用例,带你经历对常见问题的可靠(并且经过测试)的解决方案,这些问题包括事件、特效、尺寸、表单和用户界面元素(可能需要或者不需要jQuery UI的帮助)。最后,我们将研究jQuery应用程序的测试以及将jQuery集成到复杂网站的方法。
在学习的过程中,你将学习到利用jQuery解决高级问题的策略。我们将研究如何最大限度地利用jQuery的事件管理系统,包括自定义事件和自定义事件数据,如何渐进增强表单,如何在页面上定位和重定位元素,如何从头开始创建选项卡、折叠控件和模态等用户界面元素,如何制作具备易读性和可维护性的代码,如何优化代码以简化测试、消除瓶颈和确保最高性能等。
因为这是一本“食谱”而非手册,你当然可以选择阅读最适合自己的“菜谱”[1];书中的每一个单独的秘诀都物有所值。但是,本书自始自终提供的都是jQuery社区中一些难得的绝妙解题方法。因此,我们希望你能至少从头到尾浏览一遍——你永远不会知道,哪一行代码能够让你茅塞顿开,使你的技巧更上一层楼。
jQuery非常强调链式(chaining)语法——依次调用选择元素的方法,确信每个方法都能返回继续工作所用的选择元素。这种模式将在第1章中深入说明——如果你还不熟悉这个程序库,就应该理解这个概念,因为在后续的章节中将会频繁地用到它。
对jQuery的功能做了一些简单的分类:核心功能、选择、操纵、遍历、CSS、属性、事件、特效、Ajax和工具。对这些分类和对应方法的学习,将极大地加强对书中内容的理解。
本书介绍的最佳实践之一是在变量中存储元素,而不是重复地进行相同的选择。当选择的元素存储在变量中时,该变量一般以$字符开头,表明它是一个 jQuery对象。这样的语法使代码更容易阅读和维护,但是应该理解,以$字符开头的变量名称并不是惯例,和PHP之类的语言不同,它在jQuery中没有特殊的意义。
一般来说,本书中的代码示例重视清晰性和易读性而不是简洁性,所以示例比起绝对必需的代码来说稍嫌冗长。如果你发现可以优化的地方,可以毫不犹豫地进行。同时,你也可以在自己的代码中坚持清晰性和易读性,然后使用代码精简工具准备用于生产环境的代码。
目录
第1章 jQuery基础
1.1 在HTML页面中包含jQuery程序库代码
1.1.1 问题
1.1.2 解决方案
1.1.3 讨论
1.2 在DOM加载之后、整个页面加载之前执行jQuery/JavaScript代码
1.2.1 问题
1.2.2 解决方案
1.2.3 讨论
1.3 用选择器和jQuery函数选择DOM元素
1.3.1 问题
1.3.2 解决方案
1.3.3 讨论
1.4 在指定上下文中选择DOM元素
1.4.1 问题
1.4.2 解决方案
1.4.3 讨论
1.5 过滤DOM元素包装器集
1.5.1 问题
1.5.2 解决方案
1.5.3 讨论
1.6 查找当前选择包装器集中的后代元素
1.6.1 问题
1.6.2 解决方案
1.6.3 讨论
1.7 返回破坏性修改之前的选择
1.7.1 问题
1.7.2 解决方案
1.7.3 讨论
1.8 将前一个选择集包含到当前选择集
1.8.1 问题
1.8.2 解决方案
1.8.3 讨论
1.9 根据当前上下文遍历DOM获得新的DOM元素集
1.9.1 问题
1.9.2 解决方案
1.9.3 讨论
1.10 创建、操作和插入DOM元素
1.10.1 问题
1.10.2 解决方案
1.10.3 讨论
1.11 删除DOM元素
1.11.1 问题
1.11.2 解决方案
1.11.3 讨论
1.12 替换DOM元素
1.12.1 问题
1.12.2 解决方案
1.12.3 讨论
1.13 克隆DOM元素
1.13.1 问题
1.13.2 解决方案
1.13.3 讨论
1.14 获取、设置和删除DOM元素属性
1.14.1 问题
1.14.2 解决方案
1.14.3 讨论
1.15 获取和设置HTML内容
1.15.1 问题
1.15.2 解决方案
1.15.3 讨论
1.16 获取和设置文本内容
1.16.1 问题
1.16.2 解决方案
1.16.3 讨论
1.17 在不造成全局冲突的情况下使用$别名
1.17.1 问题
1.17.2 解决方案
1.17.3 讨论