1. jQuery 是什么

这是什么：jQuery = 一个 JavaScript 工具库，专门把选元素、改样式、绑事件这些脏活累活包成一行就能调用的方法。

为什么用：原生 JavaScript 操作 DOM 又长又啰嗦，同一个效果换台浏览器可能还得另写一套。用 jQuery，选元素、做操作、绑事件都变成一行代码，源码短一半。

如何用：本章用一个「点击按钮弹窗」的小例子对比原生与 jQuery 两种写法，看看它到底省在哪、什么时候值得用。

1.1 jQuery 简介

jQuery 是 John Resig 于 2006 年发布的一个开源 JavaScript 库。它的核心理念是：简化 JavaScript 对 HTML 文档的操作、事件处理、动画和 AJAX 交互。

简单来说，jQuery 就是「给 JavaScript 穿上了简便的外衣」，让我们用更少的代码完成更多的工作。

1.2 为什么要用 jQuery？

在早期浏览器（尤其是 IE6/7）兼容性混乱的年代，jQuery 最大的优势是：统一了不同浏览器的 API，开发者不用再为兼容性写大量 if...else。

即使到了现代浏览器，jQuery 依旧有它的价值：

语法简洁：一行代码就能选中元素、绑定事件或修改样式。
链式调用：可以连续对同一个元素进行多个操作，代码更流畅。
功能丰富：内置选择器、动画、AJAX、工具方法等，开箱即用。
生态成熟：大量基于 jQuery 的插件（轮播图、弹窗、表格等）可以直接复用。
学习门槛低：非常适合 JavaScript 初学者快速上手交互效果。

1.3 jQuery vs 原生 JavaScript

下面用一个最简单的例子，对比点击按钮弹出提示框：

原生 JavaScript（Vanilla JS）：

document.addEventListener('DOMContentLoaded', function () {
  const btn = document.getElementById('btn');
  btn.addEventListener('click', function () {
    alert('Hello JavaScript!');
  });
});

jQuery 写法：

$(document).ready(function () {
  $('#btn').click(function () {
    alert('Hello jQuery!');
  });
});

可以明显看出：jQuery 少了很多重复代码，语义也更直观（$ 表示选中、ready 表示页面准备好、click 绑定点击事件）。

$ 是 jQuery 的别名，jQuery 和 $ 完全等价。

1.4 什么时候适合用 jQuery？

快速原型开发：想快速做出交互效果，不想写太多原生代码。
维护旧项目：很多遗留项目（WordPress、后台管理系统等）仍在使用 jQuery。
需要大量插件：某些成熟组件只提供 jQuery 插件版本。
JavaScript 入门过渡：先用 jQuery 理解 DOM 思路，再深入学习原生 JS 很不错。

1.5 小结

jQuery 并不是要替代 JavaScript，而是 JavaScript 的一个工具库。它的核心价值是：让常用操作变得更简单、更一致。

下一章，我们将学习如何在网页中引入 jQuery，并编写第一个 jQuery 程序。