jQuery 简介

jQuery 是一个快速、小巧、功能丰富的 JavaScript 库。它把 DOM 操作、事件处理、动画效果和 AJAX 请求等常用功能封装成简洁的 API，帮你实现"写更少的代码，做更多的事"（Write Less, Do More），是前端入门的必修课。

jQuery 是什么

jQuery 由 John Resig 于 2006 年发布，本质上是一个别人写好的、可直接复用的 .js 文件。在它出现之前，前端程序员要手工处理大量浏览器兼容问题，代码又长又容易出错。

jQuery 把这些繁琐工作都封装了起来，很多原本需要十几行代码的功能，现在一两行就能完成：

// 原生写法：给所有段落绑定点击事件
var ps = document.getElementsByTagName('p');
for (var i = 0; i < ps.length; i++) {
    ps[i].onclick = function () {
        this.style.color = 'red';
    };
}

// jQuery 写法：效果相同，只需一行
$('p').click(function () {
    $(this).css('color', 'red');
});

运行这两段代码，效果一致：所有段落的文字都变为红色。区别在于 jQuery 片段更简短，而且在老版本浏览器里也能稳定运行。

为什么使用 jQuery

• 兼容性好：内部已处理各浏览器的差异，写法统一、不用纠结。
• 选择器强大：直接使用 CSS 选择器就能快速定位任意元素。
• 隐式迭代：选中一组元素后会自动逐个处理，无需手写 for 循环。
• 链式调用：大部分方法返回 jQuery 对象，可以连续操作。
• 插件丰富：jQuery UI、Validate 等成熟插件开箱即用。

jQuery 的主要功能

功能	说明
HTML/DOM 操作	读取和修改元素内容、属性、值
CSS 操作	动态修改元素的样式
事件处理	点击、悬停、键盘、表单等事件
效果与动画	隐藏显示、淡入淡出、滑动与自定义动画
AJAX	无需刷新页面即可加载服务器数据
工具方法	处理数组、字符串、对象等数据

jQuery 的优缺点

优点：上手快、代码简洁、跨浏览器表现一致、生态成熟，非常适合快速开发交互页面。

缺点：使用时需要额外下载库文件；它属于"命令式地操作 DOM"，页面逻辑复杂后难以维护。随着 Vue、React 等现代框架流行，新项目已较少直接使用 jQuery。

不过，jQuery 中的选择器、事件与动画思想至今仍在被沿用，学懂它对理解前端开发大有帮助。

小结

jQuery 用简练的语法封装了繁琐的 JavaScript 操作，让页面交互开发又快又稳。下一节我们来学习如何在网页中安装并引入 jQuery。