在Web前端开发的浩瀚星海中,jQuery曾是一颗最耀眼的明星。它让曾经繁琐晦涩的原生JavaScript DOM操作变得优雅而简洁,极大地降低了前端开发的门槛。老夏学院的《WEB前端系列课程(3)之jQuery基础与提升》正是这样一门承上启下的经典之作,旨在帮助学员从原生JS的“手工时代”平滑过渡到jQuery的“自动化时代”,为后续构建复杂交互页面打下坚实基础。
本课程结构严谨,层层递进,共划分为八大核心模块。开篇的课程介绍与简介部分,将带你厘清jQuery的历史地位、核心优势以及安装配置方法,明确区分jQuery对象与原生JavaScript对象的本质差异,这是避免后续开发中常见Bug的关键一步。随后,课程深入讲解$(this)与this的区别,这一细微之处的辨析,是写出健壮代码的前提。
选择器是jQuery的灵魂。本系列课程用了整整一章的篇幅,从最基础的元素、类、ID选择器讲起,逐步延伸至分组、派生、伪类、属性以及表单选择器。特别是伪类选择器一节,详细剖析了:first、:last、:even、:odd等高频用法,并结合实际案例演示了如何在海量DOM节点中精准定位目标元素,这是实现复杂界面特效的第一步。
掌握选择器后,遍历方法让开发者能够自如地穿梭于DOM树之中。课程通过祖先、后代、同胞及过滤、串联等维度,构建了完整的树形结构操作地图。无论是向上查找父级,还是向下遍历子集,亦或是横向筛选兄弟节点,你都将在案例驱动下游刃有余。
进阶部分涵盖了核心方法、文档与属性操作、CSS样式操控以及事件处理四大支柱。你会学习到如何用核心方法实现元素的增删改查,如何通过attr、prop、css等方法动态改变页面属性与样式,以及如何通过bind、live、on等事件绑定机制响应用户的点击、悬停、键盘输入等行为。特别是事件切换与事件处理章节,不仅讲解了基础的事件监听,更深入探讨了事件委托与性能优化,帮助你写出更高效、更流畅的交互逻辑。
对于希望系统掌握jQuery、重温前端经典或为jQuery插件开发做准备的学习者而言,这门课程无疑是不可多得的实战指南。它不仅传授语法,更培养了一种“链式编程”的思维模式,让你在面对复杂前端需求时,能够以最短的代码路径实现最丰富的交互效果。
课程目录
课程目录48 集
- 1-1 [课程介绍] 【必看】课程介绍 (08:05).mp4
- 2-1 [jQuery简介] jQuery简介 (05:46).mp4
- 3-1 [jQuery基本语法] jQuery安装 (03:24).mp4
- 3-2 [jQuery基本语法] jQuery对象和JavaScript对象 (08:50).mp4
- 3-3 [jQuery基本语法] $(this)和 this (05:10).mp4
- 4-1 [jQuery选择器] 元素选择器 (08:05).mp4
- 4-2 [jQuery选择器] 类选择器 (04:38).mp4
- 4-3 [jQuery选择器] id 选择器 (02:57).mp4
- 4-4 [jQuery选择器] 分组选择器 (02:20).mp4
- 4-5 [jQuery选择器] 派生选择器 (06:32).mp4
- 4-6 [jQuery选择器] 伪类选择器 (12:59).mp4
- 4-7 [jQuery选择器] 属性选择器 (06:40).mp4
- 4-8 [jQuery选择器] 表单选择器 (03:38).mp4
- 4-9 [jQuery选择器] 表单属性选择器 (03:29).mp4
- 5-1 [jQuery遍历] 祖先 (05:35).mp4
- 5-2 [jQuery遍历] 后代 (06:59).mp4
- 5-3 [jQuery遍历] 同胞 (06:01).mp4
- 5-4 [jQuery遍历] 过滤 (06:33).mp4
- 5-5 [jQuery遍历] 串联 (07:02).mp4
- 6-1 [jQuery核心方法] jQuery核心方法 (17:37).mp4
- 7-1 [jQuery相关操作] 文档操作 (27:35).mp4
- 7-2 [jQuery相关操作] 属性操作 (11:43).mp4
- 7-3 [jQuery相关操作] CSS 操作 (21:00).mp4
- 8-1 [jQuery事件] 事件方法 (05:02).mp4
- 8-2 [jQuery事件] 事件切换 (04:06).mp4
- 8-3 [jQuery事件] 事件处理 (10:01).mp4
- 8-4 [jQuery事件] 事件委派 (28:05).mp4
- 8-5 [jQuery事件] 页面载入 (10:41).mp4
- 9-1 [jQuery效果] 基本效果 (07:41).mp4
- 9-2 [jQuery效果] 滑动效果 (04:57).mp4
- 9-3 [jQuery效果] 淡入淡出效果 (07:04).mp4
- 9-4 [jQuery效果] 自定义效果 (21:40).mp4
- 9-5 [jQuery效果] 停止动画 (09:23).mp4
- 10-1 [AJAX] AJAX (42:19).mp4
- 11-1 [jQuery工具函数] jQuery 工具函数 (09:52).mp4
- 12-1 [jQuery特效实例] 表单验证 (38:46).mp4
- 12-2 [jQuery特效实例] 城市级联 (24:36).mp4
- 12-3 [jQuery特效实例] 拖动图片 (14:16).mp4
- 12-4 [jQuery特效实例] 轮播图 (48:19).mp4
- 13-1 [jQuery相关插件] 富文本编辑器 (21:49).mp4
- 13-2 [jQuery相关插件] bxSlider幻灯片 (05:53).mp4
- 13-3 [jQuery相关插件] cxSelect多级联动下拉菜单 (04:27).mp4
- 13-4 [jQuery相关插件] DateTimePicker日期 (04:39).mp4
- 13-5 [jQuery相关插件] dragdrop拖放 (20:27).mp4
- 13-6 [jQuery相关插件] drag按方向拖动 (04:34).mp4
- 13-7 [jQuery相关插件] jqzoom放大镜 (04:41).mp4
- 13-8 [jQuery相关插件] zoom放大镜 (06:04).mp4
- 13-9 [jQuery相关插件] uploadify文件上传 (06:35).mp4






