能力缺口与基础门槛：你为什么需要这门课

很多转岗或自学前端的人，在写原生 JavaScript 时会卡在 DOM 操作太繁琐：选元素、绑事件、改样式、处理兼容性，每一件都要写一长串代码，还容易报错。这门 jQuery 入门课就是针对这个痛点，帮你先用最顺手的工具把页面交互跑通，而不是一上来就被原生 API 的细节拖住。它适合已经懂基本 HTML 和 CSS、能看懂简单 JavaScript 的人；如果你连变量和函数都说不清，先补 JS 基础再看。资料里前几节讲了 jQuery 的来历和创始人背景，这部分当背景了解就行，别花太多时间，重点是后面的语法和选择器实操。你要明确自己的能力缺口：是原生 DOM 操作太慢，还是事件绑定写得太乱？搞清楚缺什么，再针对性补齐。

学习顺序与学完产出：先看哪几块，能独立做什么

建议先看安装引用、基础语法、$函数、文档就绪事件这几块，把“怎么把库挂到页面上、怎么确保 DOM 加载完再执行”这个流程跑通。紧接着重点看选择器部分，这是整个 jQuery 最关键的学习点，资料里配有实操案例，必须跟着敲一遍。学完之后，你应该能独立完成这类任务：给页面元素绑定点击事件、批量修改样式或内容、用选择器精准定位某组元素做联动效果。如果学完还说不清 $ 和 jQuery 是什么关系、document ready 为什么不能直接写成 window.onload，说明核心没吃透，回头补。和自己写的 js 库对比那一节也别跳，理解差异能帮你明白为什么 jQuery 能省那么多代码。学完产出不应只停留在跑通案例，你要能拿 jQuery 重写自己以前用原生 JS 写的交互页面，形成自己的代码片段库。

资料用法与配套练习：别只看不动手

资料包里的目录线索只用来理解主题，不要照抄里面的章节名当笔记。练习时自己建一个空页面，按课里讲的步骤引入 jQuery，先写一个按钮点击改文字的小例子，再用选择器做一组图片的显示隐藏切换。每学一个选择器就当场测：类选择器、后代选择器、属性选择器各写一个案例，别只看不动手。看完应能回答这几个问题：$函数到底做了什么、文档就绪事件和直接把脚本放 body 末尾有什么区别、选择器返回的到底是什么对象。答不上来就回去重看对应章节，缺什么补什么，别假装都会。配套练习的关键是重复敲打和试错，哪怕报错也要自己查清楚是选择器写错还是事件没绑上，这种排查能力才是你真正要补的缺口。

课程目录

1 01课 jQuery入门课介绍 (12:03)
2 02课 jQuery是1984年的John Resig开发 (06:19)
3 03课 jQuery创始人John Resig历史 (06:55)
4 04课 对话jQuery之父John Resig北京见面会 (13:30)
5 05课 jQuery第一次写代码 安装和引用 (22:04)
6 06课 重要的一课jQuery的基础语法 (09:01)
7 07课 与自己的js库去对比理解jQuery库 (09:48)
8 08课 jQuery的$函数等于jQuery函数 (07:08)
9 09课 jQuery的文档就绪事件document read (11:19)
10 10课 关键学习点 jQuery的选择器 (06:21)
11 11课 关键学习点 jQuery的选择器 实操案例 (12:50)
12 12课 事件处理方法是 jQuery 中的核心函数 (11:17)
13 13课 事件处理方法是 jQuery 中的核心函数 实操案例 (18:15)
14 14课 jQuery 效果函数 - 隐藏和显示 (16:29)
15 15课 jQuery 效果函数 -淡入淡出效果 (17:04)
16 16课 jQuery 效果函数Effects总结实践 (17:05)
17 17课 jQuery 效果函数Effects总结实践 淡入淡 (07:00)
18 18课 jQuery 效果函数 animate()自定义动画 (17:50)
19 19课 用animate()实现淡入淡出的自定义效果 (09:00)
20 20课 stop()停止在被选元素上运行动画 (09:06)
21 21课 stop()停止动画 实操案例 (23:30)
22 22课 jQuery 效果函数 总结 (06:02)
23 23课 jQuery DOM 获取 实操案例 (16:45)
24 24课 jQuery 中非常重要的操作 DOM 之 获取 实 (22:41)
25 25课 Dom设置 text() html() val() (18:56)
26 26课 查看 jQuery 版本号$().jquery (10:01)
27 27课 jQuery length 属性 统计元素数目 (11:05)
28 28课 jQuery length和size()的区别. (09:48)
29 29课 jQuery 核心函数noConflict()没有冲 (13:14)
30 30课 jQuery 入门 第一季 总结 (08:40)