【尚硅谷】jQuery视频教程-带源码课件

导读：jQuery前端交互与DOM操作源码实践

这门课针对前端开发中繁琐的DOM操作、事件处理与动画实现问题，提供了一套带完整源码的jQuery实战教程。对于需要快速实现页面交互、摆脱原生JavaScript冗长代码的开发者而言，这是一份可直接对照落地的工程参考。

解决的问题与适用基础

开发者在使用原生JavaScript操作DOM、处理事件或实现表格隔行变色、多TAB切换等常见效果时，常面临代码冗长、跨浏览器兼容性差及维护成本高的问题。本资料专为有一定HTML/CSS基础、已接触原生JavaScript但觉得DOM操作繁琐的开发者设计，旨在通过jQuery源码解析，帮助读者掌握更高效的页面交互编写方式。资料涵盖选择器、DOM操作、事件处理及动画等核心机制，配合逐帧源码讲解，让读者理解每一行代码在底层如何工作。

核心模块与建议学习顺序

建议按jQuery核心逻辑学习顺序推进。首先关注“jQuery的基本使用”与“两大利器”，理解选择器与DOM操作的核心机制；随后学习“jQuery函数的使用”与“jQuery对象的使用”，掌握数据与元素的封装方式；最后重点研读“常见效果”与“$工具方法”，通过表格变色、多TAB切换等实战案例，将源码中的底层逻辑转化为可复用的交互模块。前序模块是后续实战的基石，不可跳过。

学完能独立做什么与练习方式

学完本资料，开发者可独立完成前端页面的动态交互开发，无需反复查阅底层实现即可编写出结构清晰的jQuery代码。配合练习时，建议先阅读视频中的源码逻辑，再在本地HTML环境中动手修改代码，例如尝试替换自定义选择器或调整动画参数，通过源码与页面的双向对照，加深对jQuery底层机制的理解与工程复用能力。

【尚硅谷】jQuery视频教程 - 带源码课件 ├── 01.尚硅谷_jQuery_了解jQuery.avi ├── 02.尚硅谷_jQuery_jQuery的基本使用.avi ├── 03.尚硅谷_jQuery_jQuery的2把利器.avi ├── 04.尚硅谷_jQuery_jQuery函数的使用.avi ├── 05.尚硅谷_jQuery_jQuery对象的使用.avi ├── 06.尚硅谷_jQuery_基本选择器.avi ├── 07.尚硅谷_jQuery_层次选择器.avi ├── 08.尚硅谷_jQuery_过滤选择器.avi ├── 09.尚硅谷_jQuery_常见效果1_表格隔行变色.avi ├── 10.尚硅谷_jQuery_表单选择器.avi ├── 11.尚硅谷_jQuery_$工具方法.avi ├── 12.尚硅谷_jQuery_常见效果2_多TAB点击切换.avi ├── 13.尚硅谷_jQuery_属性.avi ├── 14.尚硅谷_jQuery_复习.avi ├── 15.尚硅谷_jQuery_css.avi ├── 16.尚硅谷_jQuery_offset和position.avi ├── 17.尚硅谷_jQuery_scroll.avi ├── 18.尚硅谷_jQuery_常见效果3_回到顶部.avi ├── 19.尚硅谷_jQuery_元素的尺寸.avi ├── 20.尚硅谷_jQuery_jQuery对象的过滤.avi ├── 21.尚硅谷_jQuery_jQuery对象的查找.avi ├── 22.尚硅谷_jQuery_练习1_爱好选择器.avi ├── 23.尚硅谷_jQuery_文档_增删改.avi ├── 24.尚硅谷_jQuery_练习2_添加删除记录.avi ├── 25.尚硅谷_jQuery_事件处理.avi ├── 26.尚硅谷_jQuery_事件_面试题.avi ├── 27.尚硅谷_jQuery_事件委托.avi ├── 28.尚硅谷_jQuery_复习.avi ├── 29.尚硅谷_jQuery_平滑翻页.avi ├── 30.尚硅谷_jQuery_循环翻页.avi ├── 31.尚硅谷_jQuery_自动翻页功能.avi ├── 32.尚硅谷_jQuery_翻页时同步更新圆点.avi ├── 33.尚硅谷_jQuery_点击圆点翻页.avi ├── 34.尚硅谷_jQuery_解决快速点击翻页的bug.avi ├── 35.尚硅谷_jQuery_内置动画.avi ├── 36.尚硅谷_jQuery_自定义动画_练习.avi ├── 37.尚硅谷_jQuery_多库共存.avi ├── 38.尚硅谷_jQuery_区别onload与ready.avi ├── 39.尚硅谷_jQuery_自定义jQuery插件.avi ├── 40.尚硅谷_jQuery_jQuery插件_jQueryValidate.avi ├── 41.尚硅谷_jQuery_jQuery插件_jQueryUI.avi ├── 42.尚硅谷_jQuery_日期控件_laydate.avi ├── 43.尚硅谷_jQuery_应用_显示隐藏.avi ├── 44.尚硅谷_jQuery_应用_二级菜单的显示隐藏.avi ├── 45.尚硅谷_jQuery_应用_搜索框功能.avi ├── 46.尚硅谷_jQuery_应用_分享的功能.avi ├── 47.尚硅谷_jQuery_应用_地址显示隐藏和切换.avi ├── 48.尚硅谷_jQuery_jQuery复习.avi ├── 49.尚硅谷_jQuery_应用_minicart显示隐藏.avi ├── 50.尚硅谷_jQuery_应用_点击切换显示商品详情.avi ├── 51.尚硅谷_jQuery_应用_移动小图片.avi ├── 52.尚硅谷_jQuery_应用_切换显示中图.avi ├── 53.尚硅谷_jQuery_应用_放大镜效果1.avi ├── 54.尚硅谷_jQuery_应用_放大镜效果2.avi └── 源码_课件.zip