《jQuery Cookbook中文版》——导读


前言

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 讨论

时间: 2024-10-04 01:04:19

《jQuery Cookbook中文版》——导读的相关文章

《深入理解Scala》——第1章,第1.2节当函数式编程遇见面向对象

1.2 当函数式编程遇见面向对象 深入理解Scala 函数式编程和面向对象编程是软件开发的两种不同途径.函数式编程并非什么新概念,在现代开发者的开发工具箱里也绝非是什么天外来客.我们将通过Java生态圈里的例子来展示这一点,主要来看Spring Application framework和Google Collections库.这两个库都在Java的面向对象基础上融合了函数式的概念,而如果我们把它们翻译成Scala,则会优雅得多.在深入之前,我们需要先理解面向对象编程和函数式编程这两个术语的含义

《深入理解Scala》——第1章,第1.4节与JVM的无缝集成

1.4 与JVM的无缝集成 深入理解Scala Scala的吸引力之一在于它与Java和JVM的无缝集成.Scala与Java有很强的兼容性,比如说Java类可以直接映射为Scala类.这种紧密联系使Java到Scala的迁移相当简单,但在使用Scala的一些高级特性时还是需要小心的,Scala有些高级特性是Java里没有的.在Scala语言设计时已经小心地考虑了与Java无缝交互的问题,用Java写的库,大部分可以直接照搬(as-is)到Scala里. 1.4.1 Scala调用Java 从S

《深入理解Scala》——第2章,第2.1节学习使用Scala交互模式(REPL)

第2章 核心规则深入理解Scala 本章包括的内容: • 使用Scala交互模式(Read Eval Print Loop 简称REPL) • 面向表达式编程 • 不变性(Immutability) • Option类 本章内容覆盖了每个新Scala开发者都需要知道的几个主题.本章不会深入到每个主题里,但是会讲到可以让你自己去接着探索的程度.你将学会使用REPL,学会如何利用这个工具做软件的快速原型开发.然后我们会学到面向表达式编程,并从另一个视角来看控制结构是怎么回事.在此基础上,我们来研究不

《深入理解Scala》——第1章,第1.3节静态类型和表达力

1.3 静态类型和表达力 深入理解Scala 开发人员中有一个误解,认为静态类型必然导致冗长的代码.之所以如此是因为很多继承自C的语言强制要求程序员必须在代码中多处明确地指定类型.随着软件开发技术和编译器理论的发展,情况已经改变.Scala利用了其中一些技术进步来减少样板(boilerplate)代码,保持代码简洁. Scala做了以下几个简单的设计决策,以提高代码表达力. • 把类型标注(type annotation)换到变量右边. • 类型推断. • 可扩展的语法. • 用户自定义的隐式转

《深入理解Scala》——第1章,第1.5节总结

1.5 总结 深入理解Scala 本章中,你学到了一些Scala的设计理念.设计Scala的初衷在于把不同语言中的多种概念融合起来.Scala融合了函数式和面向对象编程,尽管显然Java也已经这么做了.Scala精选其语法,极大地减少了语言中的繁冗之处,使一些强大的特性可以优雅地表达,比如类型推断.最后,Scala和Java能够紧密集成,而且运行在Java虚拟机上,这或许是让Scala变成一种实用选择的最重要的一点.几乎不花代价就可以把Scala用于我们的日常工作中. 因为Scala融合了多种概

《深入理解Scala》——第1章,第1.1节Scala一种混合式编程语言

第1章 Scala--一种混合式编程语言 Scala是一种将其他编程语言中的多种技巧融合为一的语言.Scala尝试跨越多种不同类型的语言,给开发者提供面向对象编程.函数式编程.富有表达力的语法.静态强类型和丰富的泛型等特性,而且全部架设于Java虚拟机之上.因此开发者使用Scala时可以继续使用原本熟悉的某种编程特性,但要发挥Scala的强大能力则需要结合使用这些有时候相互抵触的概念和特性,建立一种平衡的和谐.Scala对开发者的真正解放之处在于让开发者可以随意使用最适合手头上的问题的编程范式.

《深入理解Scala》——第2章,第2.2节优先采用面向表达式编程

2.2 优先采用面向表达式编程 深入理解Scala 面向表达式编程是个术语,意思是在代码中使用表达式而不用语句.表达式和语句的区别是什么?语句是可以执行的东西,表达式是可以求值的东西.在实践中这有什么意义呢?表达式返回值,语句执行代码,但是不返回值.本节我们将学习面向表达式编程的全部知识,并理解它对简化程序有什么帮助.我们也会看一下对象的可变性,以及可变性与面向表达式编程的关系. 作者注:语句VS表达式 语句是可以执行的东西,表达式是可以求值的东西. 表达式是运算结果为一个值的代码块.Scala

《深入理解Scala》——第2章,第2.3节优先选择不变性

2.3 优先选择不变性 深入理解Scala 编程中的不变性指对象一旦创建后就不再改变状态.这是函数式编程的基石之一,也是JVM上的面向对象编程的推荐实践之一.Scala也不例外,在设计上优先选择不变性,在很多场景中把不变性作为默认设置.对此,你可能一下子会不适应.本节中,我们将学到不变性对于判等问题和并发编程能提供什么帮助. Scala里首先要明白的是不变对象和不变引用(immutable referene)的区别.Scala里的所有变量都是指向对象的引用.把变量声明为val意味着它是个不变"引

《深入理解Scala》——第2章,第2.4节用None不用null

2.4 用None不用null深入理解Scala Scala在标准库里提供了scala.Option类,鼓励大家在一般编程时尽量不要使用null.Option可以视作一个容器,里面要么有东西,要么什么都没有.Option通过两个子类来实现此含义:Some和None.Some表示容器里有且仅有一个东西,None表示空容器,有点类似List的Nil的含义. 在Java和其他允许null的语言里,null经常作为一个占位符用于返回值,表示非致命的错误,或者表示一个变量未被初始化.Scala里,你可以用

《深入理解Scala》——第2章,第2.5节多态场景下的判等

2.5 多态场景下的判等 深入理解Scala 众所周知,为多态的面向对象系统定义合适的判等和散列方法是个特别难的过程.这是因为子类可能在整个过程中造成一些相当怪异的问题,尤其是当类型层次上有多个实体(concrete)级别的时候.一般来说,对于需要比引用判等更强的判等(译者注:比如需要判断对象内部数据)的类,最好避免多层实体类层次.这是什么意思呢?有些时候类只需要引用判等就够了.也就是说只要两个对象不是同一个实例就判为不等.但是如果我们需要判断两个不同实例是否相等,而且又有多层实体类层次(mul