# 零、简介

*jQuery 简洁地*是为了用简短的顺序表达中级和高级 jQuery 开发所必需的概念而编写的。它的目的是向读者灌输 jQuery 开发人员视为常识的实践。每一章都包含了成为经验丰富的 jQuery 开发人员的基本概念。

这本书面向三类读者。第一个是已经阅读了 jQuery 介绍性材料并正在寻找下一个逻辑步骤的人。第二类读者是一名 JavaScript 开发人员，已经精通另一个库，现在正试图快速学习 jQuery。第三位读者是我，作者。我精心编写了这本书，作为我个人对 jQuery 概念的参考。这正是我希望每个 JavaScript 库都有的那种书。

# 前言

在你开始之前，理解贯穿本书的各种文体上的细微差别是很重要的。请不要跳过这一部分，因为它包含的信息将有助于您阅读。

## jQuery 语义

术语“jQuery 函数”是指用于创建 jQuery 对象实例的 jQuery 构造函数(`jQuery()` 或别名`$()`)。

术语“包装器集”指的是包装在 jQuery 方法中的 DOM 元素。具体来说，这个术语用来指使用 jQuery 函数选择的元素。您可能听说过这被称为“jQuery 集合”在本书中，我将使用术语“包装器集”而不是“jQuery 集合”

## 这本书是如何结构化的

这本书是根据 [jQuery API 文档](http://docs.jquery.com/Main_Page)的安排松散地组织成章节的。每一章都包含与章节标题相关的独立 jQuery 概念。

## 多码，少言

这本书是特意写的，目的是让读者仔细检查代码示例。文本应该被看作是次要的代码本身。我认为一个代码示例实际上抵得上一千个单词。如果你一开始觉得书中的解释令人困惑，不要担心。检查代码。摆弄它。重读代码注释。重复这个过程，直到材料变得清晰。这是我希望您达到的专业水平，其中文档化代码是您理解新开发概念所必需的。

## 为什么哦为什么我用`alert()`来做代码示例？

相信我，我和你一样讨厌`alert()`法。但不管你喜不喜欢，它在每个浏览器中都可以可靠地工作。借用苏斯博士的一句话:“这里，那里，到处都是！”这不一定是理想的，但我不希望`console`解决方案增加的复杂性对代码的清晰性产生负面影响。我的目标是减少任何不直接支持所教授概念的代码开销。

## 颜色编码

代码将使用普通的 JavaScript 语法高亮显示进行着色(如在 Visual Studio 中)。这将有助于您理解代码，但您在 Kindle 等单色电子书阅读器上阅读这些材料也没问题。

样本:color.html

```js
<!DOCTYPE html>
<html lang="en">

    <body>
        <!-- HTML comment -->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <script>
            // JavaScript comment 
            var focusOnThisCode = true;
        </script>
    </body>

</html>

```

## 在读这本书之前彻底摸索 jQuery `text()`

本书中的代码示例大量使用了 jQuery `text()`方法。您需要注意的是，`text()`方法在包含多个元素的包装器集合上使用时，实际上会组合并返回包含在包装器集合所有元素中的文本字符串。如果您希望它只返回包装集第一个元素中的文本，这可能会令人困惑。下面是`text()`方法如何连接包装集元素中的字符串的一个例子。

样本:grok-text.html

```js
<!DOCTYPE html>
<html lang="en">

    <body>
        <span>I</span>
        <span>love</span>
        <span>jQuery</span>
        <span>!</span>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <script>
            alert(jQuery('span').text()); // Alerts "I love jQuery!"
        </script>
    </body>

</html>

```

## 代码示例

这本书非常依赖代码示例来表达 jQuery 概念。代码样本可在[https://bitbucket.org/syncfusiontech/jquery-succinctly](https://bitbucket.org/syncfusiontech/jquery-succinctly)获得。

代码示例作为单独的 HTML 文件提供。还提供了一个 Visual Studio 2010 项目，以便于导航。可以选择任意文件，右键点击，选择【浏览器中的 T0】查看选项测试代码。]

![jq1](img/image006.png)

示例文件的名称总是以格式**包含在其代码块上方。示例:$文件名. html** 。

我鼓励您下载代码并继续。我写这本书是基于这样一个事实，即当你阅读和学习时，你需要修改代码。