外观
简介
约 388 字大约 1 分钟
2025-06-19
jQuery 是一个快速、小巧且功能丰富的 JavaScript 库，简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。
什么是 jQuery
jQuery 由 John Resig 于 2006 年创建，曾是全球最流行的 JavaScript 库。它封装了 DOM 操作、事件处理、Ajax 等功能，让开发者用更简洁的代码完成复杂的浏览器交互。
核心特性
- 选择器引擎：支持 CSS 选择器和自定义表达式，快速定位页面元素
- DOM 操作：简化元素的增、删、改、查操作
- 事件处理：统一的事件绑定与冒泡机制，屏蔽浏览器差异
- 动画效果：内置 fadeIn、slideUp、animate 等常用动画
- Ajax 交互：简化异步请求，支持多种数据格式
- 插件生态：丰富的插件系统，可扩展日历、表单验证、全屏滚动等功能
何时使用
- 需要兼容老旧浏览器（IE8+）
- 快速开发中小型项目
- 维护遗留项目
注意
现代前端开发中，原生 JavaScript（ES6+）和框架（Vue、React 等）已能很好地替代 jQuery。新项目建议优先考虑现代方案。
快速上手
引入方式
CDN 引入（推荐）：
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>本地引入：
<script src="js/jquery.min.js"></script>Hello World
// 页面 DOM 加载完成后执行
$(document).ready(function() {
$('p').css('color', 'red');
});
// 简写形式
$(function() {
$('p').css('color', 'blue');
});