**课程标题:极简JAVA十一:JavaScript与jQuery**

**导读**

在Web开发的宏大版图中,Java后端固然构成了系统的骨骼与灵魂,但真正让用户感知到“智能”与“交互”的,却是运行在浏览器前端的脚本语言。本系列课程《极简JAVA十一:JavaScript与jQuery》正是填补这一关键空白的实战指南。它并非孤立地讲解语法,而是立足于现代Web应用的前置基础,带领学习者从零开始掌握前端交互的核心技能,为后续构建复杂的全栈项目奠定坚实基础。

课程开篇便直击痛点,系统性地梳理了JavaScript的基础语法体系。从JS在HTML中的三种插入位置入手,深入剖析变量声明的规范与数据类型(包括数字、字符串、布尔值及对象等)的本质区别。对于初学者而言,流程控制语句(条件判断、循环结构)是逻辑构建的基石,而数据类型转换则是避免隐性Bug的关键。更为贴心的是,课程专门设置了“断点调试”章节,赋予学习者排查代码错误的能力——这往往是自学过程中最容易忽视却最重要的软技能。随后,数组操作与函数定义模块进一步提升了代码的模块化思维,帮助学员摆脱“面条式代码”的困境。

理论终需服务于实践。本课程的精华在于将所学语法应用于具体的业务场景。其中,“表单验证”模块极具实战价值,涵盖了前端数据校验的经典逻辑,这是任何Web项目不可或缺的安全第一道防线。而在“图片轮播”案例中,学员将亲眼见证静态网页如何通过JavaScript的动态操控变得生动有趣,理解定时器、DOM操作与事件监听器的协同工作机制。

此外,针对原生JavaScript繁琐的DOM操作痛点,课程引入了jQuery库。通过简化的API接口,学员将体验到如何用更少的代码实现复杂的页面效果,从而提升开发效率。这种从原生到库工具的学习路径,不仅让学习曲线更加平滑,也让学员在实际工作中能迅速上手企业级开发。

无论你是希望完善Java技术栈的全栈预备役,还是零基础转行前端的新手,这门课程都以“极简”为核心理念,剥离冗余概念,直击应用本质。通过本阶段的学习,你将不再畏惧浏览器端的动态效果,具备独立完成基础交互功能开发的能力,为未来探索更高级的前端框架或全栈开发做好充分准备。

课程目录

1-1 [javascript入门] js入门 (05:42)
1-2 [javascript入门] javascript的位置 (03:21)
1-3 [javascript入门] 变量 (02:45)
1-4 [javascript入门] javascript的数据类型 (05:48)
1-5 [javascript入门] 流程控制语句 (02:00)
1-6 [javascript入门] 数据类型转换 (04:42)
1-7 [javascript入门] js的断点调试 (03:18)
1-8 [javascript入门] 数组 (03:50)
1-9 [javascript入门] 表单验证 (10:31)
1-10 [javascript入门] 函数 (04:40)
2-1 [javascript案例] 图片轮播 (09:27)
2-2 [javascript案例] 定时弹出图片 (09:48)
2-3 [javascript案例] 隔行变色 (05:37)
2-4 [javascript案例] 表格行高亮 (04:44)
2-5 [javascript案例] 全选全不选 (04:31)
2-6 [javascript案例] document案例添加城市 (07:35)
2-7 [javascript案例] 二级联动 (09:44)
2-8 [javascript案例] 事件总结 (01:48)
3-1 [jquery基础] 自定义js框架 (05:27)
3-2 [jquery基础] jquery入门 (03:54)
3-3 [jquery基础] javascript对象和jquery对象之间的转换 (08:09)
3-4 [jquery基础] 加载器和事件 (06:25)
3-5 [jquery基础] jquery里设置样式 (01:41)
3-6 [jquery基础] 基本选择器 (09:44)
3-7 [jquery基础] 层级选择器 (03:55)
3-8 [jquery基础] 属性选择器 (05:44)
3-9 [jquery基础] 过滤选择器 (05:29)
3-10 [jquery基础] 表单过滤选择器 (04:47)
3-11 [jquery基础] dom内容操作 (04:49)
3-12 [jquery基础] dom属性操作 (07:12)
3-13 [jquery基础] dom样式操作 (07:03)
3-14 [jquery基础] crud操作 (10:43)
3-15 [jquery基础] 隔行变色 (02:41)
3-16 [jquery基础] 全选全不选 (03:52)
3-17 [jquery基础] qq表情图片 (03:11)
3-18 [jquery基础] 左右互转 (04:18)
4-1 [Jquery进阶] jquery循环遍历 (06:43)
4-2 [Jquery进阶] jquery基本的绑定事件方式 (03:39)
4-3 [Jquery进阶] on和off绑定和取消绑定事件 (02:57)
4-4 [Jquery进阶] toggle事件切换 (02:58)
4-5 [Jquery进阶] jquery动画显示隐藏 (06:21)
4-6 [Jquery进阶] 案例显示隐藏图片 (04:03)
4-7 [Jquery进阶] 案例抽奖 (11:24)