💡 jQuery 学习路线
55 个互动教程
jQuery 入门 — 简洁的 JS 库
jQuery：$() 选择器 + 链式调用，简化 DOM 操作
jQuery 选择器大全
全面掌握jQuery选择器：基本选择器、层级选择器、过滤选择器、表单选择器
jQuery DOM 遍历
parent/children/siblings/find/filter
jQuery 过滤方法
jQuery 过滤方法完全指南
jQuery 工具方法
学习jQuery的工具函数：each/map/grep/merge/extend等实用方法
jQuery 无冲突模式
学习noConflict处理jQuery与其他库的$符号冲突
jQuery AJAX 请求
$.get/$.post/$.ajax 发送 HTTP 请求
jQuery AJAX 异步请求
掌握$.ajax及快捷方法发送HTTP请求、处理响应
jQuery 动画效果
show/hide/fadeIn/slideUp/animate
jQuery Deferred 异步控制
理解jQuery的Deferred/Promise异步编程模式
jQuery Callbacks 回调列表
了解jQuery Callbacks对象：管理回调函数队列
jQuery Promise 深入对比
对比jQuery Deferred与ES6 Promise的使用差异
jQuery 特效与动画
fadeIn/fadeOut/slideToggle/animate/stop
jQuery DOM 操作
text/html/val/attr/css/addClass/removeClass
jQuery 事件处理
on/off/trigger/delegate/event对象
jQuery 插件开发
$.fn 扩展/链式调用/选项合并
jQuery 链式调用与遍历
jQuery链式调用（方法返回jQuery对象）、.end()回到上一个选择集、.each()遍历元素、.map()映射转换、.filter()/.not()过滤、链式调用最佳实践
jQuery Deferred 异步编程
jQuery Deferred对象：$.Deferred()创建、deferred.resolve/reject、deferred.promise()、$.when()等待多个异步、done/fail/always/then、与ES6 Promise对比（标准化前身）
jQuery 插件开发
jQuery插件开发：$.fn.extend添加方法、链式调用return this、配置默认参数$.extend、封装可复用的jQuery组件、立即执行函数IIFE避免全局污染
jQuery Ajax 进阶
jQuery Ajax进阶：$.ajaxSetup全局默认配置、ajaxPrefilter前置过滤器（统一添加Auth头/处理错误/修改URL）、$.ajaxTransport自定义传输（mock/fake server）、与ES6 fetch/axios迁移对比
jQuery CSS类与样式操作
jQuery样式操作：.css()读写样式、.addClass()/.removeClass()/.toggleClass()类操作、.hasClass()判断类、.width()/.height()/.innerWidth()尺寸、批量操作性能注意
jQuery表单验证
学习使用jQuery实现表单实时验证，包括必填字段、邮箱格式和密码强度检查。
jQuery无限滚动
实现当用户滚动到页面底部时自动加载更多内容，提升浏览体验。
jQuery懒加载
学习如何延迟加载图片，当图片进入可视区域时才加载，节省带宽并提速。
jQuery模态框
创建可自定义的模态对话框，包含遮罩层、关闭按钮和动画效果。
jQuery标签页
实现可切换的选项卡界面，点击不同标签显示对应内容面板。
jQuery手风琴
创建可折叠的内容面板，点击标题展开/收起对应内容，节省页面空间。
jQuery排序拖拽
实现列表项的拖拽排序功能，用户可以通过鼠标拖动重新排列顺序。
jQuery日期选择器
集成日期选择器插件，方便用户选择日期，支持格式化和国际化。
jQuery通知提示
创建可自动消失的通知提示条，支持成功、警告、错误等多种状态。
jQuery进度条
动态更新进度条，模拟任务加载或上传进度，支持动画和百分比显示。
jQuery排序拖拽
通过拖拽实现列表排序，支持鼠标交互重新排列项目。
jQuery日期选择器
构建简易日期选择器，方便用户选取日期。
jQuery通知提示
用jQuery创建可自动消失的通知提示条，用于成功、错误或信息反馈。
jQuery排序拖拽
学习使用jQuery实现拖拽排序功能，用户可以通过拖拽重新排列列表项。
基于动态过滤器的DOM遍历策略
本教程深入讲解如何使用jQuery的过滤方法（filter、not、has等）在动态渲染的DOM结构中进行精准遍历，避免传统each循环的性能问题。
用Promise管理异步操作队列
讲解如何利用jQuery的Deferred和Promise对象创建可控制的异步任务队列，实现动画、请求等任务的顺序执行、并行控制和错误回滚。
带命名空间和自定义数据的领域事件系统
揭示jQuery事件系统的进阶用法：创建带有命名空间的事件、绑定特定数据对象、以及利用事件委托实现跨模块通信。
拦截并修改Ajax请求：beforeSend的深层用法
深入讲解$.ajax的beforeSend回调如何拦截并动态修改请求头、URL、超时设置，以及实现全局请求日志和CSRF令牌自动注入。
动画逐帧控制：easing与step回调实现复杂运动
超越fadeIn/slideDown，学习使用easing函数和animate的step回调创建自定义物理运动（如弹跳、弹簧效果），并实时反馈数值变化。
深拷贝与多对象合并：$.extend的高级模式
详解$.extend的深层克隆、递归合并、以及使用空对象避免污染原对象。并对比$.merge和$.extend在数组处理上的区别。
利用queue/dequeue构建自定义函数执行队列
掌握jQuery的.queue和.dequeue方法，不仅能管理动画队列，还能为自定义函数创建同步或异步执行队列，实现类似任务调度器的功能。
选择器上下文与性能优化：from参数的精妙之处
揭示$('selector', context)的底层原理，讲解如何通过上下文减少查找范围、缓存选择器、以及利用原生querySelectorAll提升性能。
事件传播控制与默认行为拦截模式
超越preventDefault与stopPropagation的基础，讲解组合使用技巧、被动事件监听、以及如何实现全局事件防火墙。
精确尺寸与偏移计算：处理滚动和变换的影响
详解jQuery的width/height、innerWidth/outerWidth、offset/position方法，并讲解在CSS变换（transform）和滚动容器下的实际坐标获取。
利用自定义数据属性实现智能DOM遍历
本教程讲解如何结合HTML5 data-*属性与jQuery的选择器、过滤器，构建高效的DOM遍历逻辑，避免硬编码类名或ID。
用Promise与Deferred管理复杂动画队列
深入jQuery的Promise/Deferred机制，设计一个可中断、可回退的步骤式动画流，而非简单链式调用。
事件命名空间与模块化绑定策略
讲解如何用事件命名空间实现插拔式事件管理，避免内存泄漏和事件冲突，适合大型单页应用。
用jQuery Widget Factory创建可继承组件
超越简单的插件编写，使用Widget Factory的继承机制构建UI组件体系，实现代码复用与选项合并。
选择器性能剖析与极致优化技巧
使用浏览器工具和jQuery内部机制，深入分析选择器耗时，并给出缓存、上下文、原生API替换等优化方案。
构建容错性jQuery插件：错误处理与回滚
教授如何在插件中捕获异常、优雅降级、恢复初始状态，并利用$.Deferred实现承诺式错误通知。
基于自定义事件的应用架构：发布/订阅模式
利用jQuery的自定义事件实现模块间通信，无需直接耦合，构建松耦合的SPA事件总线。
Ajax请求的自动重试与中断策略
实现智能的Ajax管理器：超时重试、幂等请求去重、手动中断所有 pending 请求，结合$.Deferred。
方法链的高级技巧：自定义队列与breakable链
深入jQuery链式调用的底层机制，实现可条件暂停、可跳过的链式操作，超越普通方法链。
跨iframe通信：jQuery与postMessage结合
利用jQuery的事件系统封装postMessage API，实现父页面与iframe之间的安全双向通信及同步回调。