别把jQuery当老古董，先问自己DOM操作够不够熟

很多人觉得现在前端框架满地跑，jQuery没人用了，结果真到接手老项目、改个后台管理页、或者要快速给静态页加交互时，看着满屏的DOM节点和事件绑定直接发懵。这门课解决的就是这种眼高手低的能力缺口：你框架背得滚瓜烂熟，但脱离脚手架连个商品筛选和图片轮播都写不顺。它不讲虚的理论，直接用仿电商属性筛选、仿游戏官网角色切换这类真实页面交互当靶子，逼你把选择器、事件、节点操作这些底子补扎实。别假装什么都会，如果你连原生js对象和jQuery对象怎么互转都反应慢半拍，或者写选项卡还要到处抄代码，那就老老实实从这块开始补。

建议先啃基础语法与闭包，别急着照搬页面特效

资料里虽然放了一堆仿站特效实例，但别一上来就扎进去抄页面。正确的顺序是先把基础语法和选择器那几块过一遍，重点看元素、后代、子代选择器以及过滤选择器的具体用法，搞懂怎么精准抓到要操作的节点。接着必须啃透匿名函数和闭包这两块，这是很多人写交互时逻辑混乱的根源。课程里讲了闭包原理和经典应用，这块别快进，理解了它，你后面写轮播定时器和事件绑定才不会出现变量污染的bug。基础打牢后，再去看选项卡的三种实现方式和图片轮播切换，对照着体会不同写法的优劣，而不是只盯着一种死记硬背。

看完得能独立造轮子，别只对着视频抄代码

学完这门课，你应该能脱离视频，独立用jQuery把一个商品列表的属性筛选、全选反选、隔行变色功能从头到尾写出来，遇到官网那种人物角色切换的交互特效，也能自己拆解成选择器绑定、节点显隐和动画切换的步骤去实现。更重要的是，课程涉及插件开发与使用，学完你得能自己写个简单的jQuery插件，而不是永远只会调别人的参数。练习时别干看资料包，先把基础选择器和闭包的例子自己在本地敲一遍跑通，再照着仿站实例默写一遍。遇到卡壳的，回去找对应的选择器或事件那节反复看。查漏补缺的重点放在你能不能把仿淘宝筛选的交互逻辑自己复述清楚，讲不明白的地方，就是你该重新补的缺口。

课程目录

1 仿仙剑官网_人物角色切换特效 (10:49)
2 仿天涯明月刀官网首页_门派角色切换特效 (18:03)
3 仿淘宝商品属性过滤筛选 (17:55)
4 如何使用jQuery (17:24)
5 添加&删除样式与json用法 (15:08)
6 js对象&jquery对象互转 (08:15)
7 元素,后代,子代选择器 (09:42)
8 全选,不选,反选与隔行变色 (13:03)
9 基本选择器&层次选择器的用法 (11:51)
10 内容选择器&过滤选择器 (05:49)
11 匿名函数&函数表达式 (05:31)
12 闭包原理&经典应用 (14:11)
13 选项卡的三种实现方式 (15:26)
14 图片轮播切换实现方式一 (15:29)
15 图片轮播切换实现方式另外两种思路 (11:43)
16 仿2345网站首页的换皮肤功能（上) (26:06)
17 仿2345网站首页的换皮肤功能（下) (07:34)
18 仿京东首页 "换一批" 产品功能 (07:30)
19 精灵在游戏网站中的运用 (05:48)
20 表格行上移下移置顶特效 (13:06)
21 表格行上移下移置顶特效-第二种解法 (15:18)
22 下拉列表的双向选择 (10:36)
23 仿37点com【决战武林】的门派职业介绍模块切换特效 (13:21)
24 图片淡入淡出效果 (03:40)
25 居中DIV弹窗&遮罩 (09:17)
26 显示&隐藏div的多种做法 (09:42)
27 自定义动画animate详解 (12:32)
28 动画停止函数stop的用法 (07:11)
29 jquery制作水平方向的图片手风琴 (04:02)
30 jQuery动画插件: jquery easing插件的用法 (12:31)
31 仿百度新闻首页菜单的缓冲碰撞运动菜单特效 (11:51)
32 图片左右滑动轮播 (10:28)
33 侧边栏(分享到)特效 (04:51)
34 仿盛大地城之光切牌效果(上) (14:34)
35 仿盛大地城之光切牌效果(下) (09:49)
36 jQuery常用DOM操作 (55:42)
37 jQuery事件对象 (31:56)
38 正则表达式一 (01:16:29)
39 正则表达式二 (32:43)
40 京东首页左侧楼层实现原理 (17:52)
41 跟着鼠标保持固定距离移动的元素 (14:53)
42 仿九阴真经门派介绍 (07:13)
43 表单验证 (12:10)
44 表单验证错误修复 (47)
45 Ajax原理: get方式提交数据 (19:33)
46 Ajax原理: post方式提交数据 (04:13)
47 原生态Ajax实战: 省市县三级联动-取出所有的省份 (10:39)
48 原生态Ajax实战: 省市县三级联动-取出所有的城市和地区 (15:04)
49 get,post方法三级联动 (05:17)
50 ajax方法三级联动 (09:54)
51 鼠标键盘控制左右移动方块 (49:34)
52 jquery插件开发原理 (09:48)
53 jquery选项卡插件开发 (15:12)