jquery 手册
以下是关于 jQuery 手册的核心内容和资源整理,便于快速查阅和使用:
jQuery 官方文档
jQuery 官方文档是最权威的参考来源,包含详细的 API 说明和示例:
- 官网地址:https://jquery.com/
- API 文档:https://api.jquery.com/ 文档中分类清晰,涵盖选择器、DOM 操作、事件、动画、Ajax 等模块。
核心语法
jQuery 的基本语法结构为 $(selector).action():
// 示例:隐藏所有段落
$("p").hide();
常用方法分类
选择器
$("#id") // ID 选择器
$(".class") // 类选择器
$("element") // 标签选择器
$("div p") // 后代选择器
DOM 操作
.text() // 获取/设置文本内容
.html() // 获取/设置 HTML 内容
.val() // 获取/设置表单值
.attr() // 获取/设置属性
.append() // 插入内容到末尾
.remove() // 删除元素
事件处理
.click() // 点击事件
.hover() // 悬停事件
.on() // 通用事件绑定
.off() // 移除事件
动画效果
.hide()/.show() // 隐藏/显示
.fadeIn()/.fadeOut() // 淡入淡出
.slideDown()/.slideUp() // 滑动效果
.animate() // 自定义动画
Ajax 请求
$.ajax({
url: "endpoint",
method: "GET",
success: function(data) {
console.log(data);
}
});
学习资源推荐
-
Codecademy jQuery 课程
交互式学习平台,适合初学者实践基础操作。 -
《jQuery in Action》
书籍涵盖从基础到高级的实战案例。 -
jQuery UI 和 jQuery Mobile
扩展库文档(https://jqueryui.com/)提供组件和移动端支持。
版本迁移指南
从 jQuery 1.x/2.x 升级到 3.x 时需注意:
- 移除废弃的 API(如
.load()) - 兼容 Promise 规范的 Deferred 对象
- 官方迁移工具:https://github.com/jquery/jquery-migrate
替代方案参考
现代前端框架(如 React、Vue)逐渐替代 jQuery,但以下场景仍适用:
- 快速原型开发
- 遗留项目维护
- 简单的 DOM 操作需求
建议结合具体需求选择工具链。如需离线文档,可下载 PDF 版本或使用 Dash/Zeal 等文档查看器。







