0Pricing
jQuery Academy icon

jQuery Academy

JAVASCRIPTWebFrontendBeginnerScripting

通过 jQuery Academy 的交互式课程简化您的 JavaScript 编码。

🤖 AI 驱动📚 22 门课程👥 10万+ 学习者⭐ 4.9 分
课程概览

以实用方式精通 jQuery

jQuery 是仍然为大量网站提供支持的 JavaScript 库——从遗留企业仪表板到 WordPress 主题和无数生产网站。本课程轨道将带您从第一个 $() 选择器开始,到编写自己的可复用插件,每节课都基于您在工作中实际执行的真实 DOM 操作。

您将学到什么

精确地选择和遍历 DOM,即时操纵元素和样式,并通过事件委托而不是脆弱的内联处理程序来清晰地处理事件。构建流畅的动画和自定义效果,通过数据属性和模板驱动动态内容,并验证复杂表单。然后进入异步工作:AJAX 请求、远程数据处理,以及 Deferred 和 Promise 模式实现清晰的异步流程。

学习路径

二十二门重点课程从 A1 到 C1 逐步推进。您从选择器、DOM 操纵和样式开始,通过事件管理、动画和 AJAX 进阶,最后到达高级层级:编写健壮的 jQuery 插件、性能优化和最佳实践、将 jQuery 与现代 JavaScript 集成,以及测试您的应用程序。这个顺序反映了前端开发人员实际的技能构建方式。

工作原理

每门课程分为短小的动手实践课程,您在内置编辑器中完成,获得实时反馈和卡住时的 AI 导师支持。您在每一步都编写并运行真实的 jQuery 代码——没有被动的视频——因此语法和模式会深深植入。

开始学习 →

你的学习方式

🎯
互动课程
实时反馈的动手编程练习
🤖
AI 导师
遇到困难时立即获得 AI 帮助
💻
内置编辑器
直接在浏览器中编写并运行代码
🏆
证书
完成课程后获得证书
课程

22 门课程

jQuery Academy 学习路径中的所有课程。

01

欢迎学习 jQuery

A13 节课

了解 jQuery 是什么、它解决了什么实际问题,以及为什么如今仍有数百万个网站依赖它——从零基础开始。

02

jQuery 入门

A11 节课PRO

通过专注的 jQuery 课程内容提升您的网页开发技能。您将学习如何使用 jQuery 和 XPath 选择器选择 HTML 元素,探索 jQuery 选择器与 CSS 选择器之间的相似之处,并了解 jQuery 相比原生 JavaScript 的优势。掌握 $(documen…

03

面向初学者的 jQuery

A11 节课PRO

欢迎学习 jQuery 课程,探索这一为近 80% 网页提供支持的最常用 JavaScript 库之一。本课程建立在 HTML、CSS 和 JavaScript 的基础知识之上,帮助您使用比原生 JavaScript 更少的代码高效操作文档对象模型(DOM)。您将学习如何简化…

04

使用 jQuery 选择元素

A21 节课PRO

通过《使用 jQuery 选择元素》课程充分发挥 jQuery 的潜力。在这一综合模块中,您将深入学习准确选择和操作 HTML 元素的各种方法。探索类、ID、标签、子元素和属性选择器等重要选择器,并掌握 children()、parent()、parents()、next()、…

05

jQuery DOM 操作 - 1

A21 节课PRO

通过 jQuery DOM 操作 - 1 课程提升您的网页开发技能。在本课中,您将学习如何使用 jQuery 操作文档对象模型(DOM)的基础知识。了解什么是 DOM 操作,掌握 text()、html()、removeAttr() 和 val() 等重要的 jQuery 方法…

06

jQuery DOM 操作 - 2

A21 节课PRO

通过 jQuery DOM 操作 - 2 课程提升您的 Web 开发技能。本课程将介绍使用 jQuery 进行高级 DOM 操作的技术,包括 append()、prepend()、after()、before()、wrap() 和 unwrap() 等方法。您将学习如何执行多次…

07

使用 jQuery 设置样式

A21 节课PRO

通过我们的使用 jQuery 设置样式课程,提升您的网页设计水平。您将学习如何借助 jQuery 强大的 css()、removeClass() 和 toggleClass() 等方法,轻松操作 HTML 元素的样式。探索 jQuery API,了解创建动态且美观网页的更多技巧…

08

事件管理

B11 节课PRO

通过我们的事件管理课程提升 Web 应用能力,掌握使用 jQuery 处理事件的方法。本课程将介绍浏览器中的事件,以及如何使用 jQuery 高效管理事件。您将学习处理单击和双击事件、管理鼠标和表单事件,以及处理窗口的 resize 和 scroll 方法等事件。通过实用示例和…

09

jQuery 与动画

B11 节课PRO

通过我们的 jQuery 与动画课程,为网页添加引人入胜的动画效果。本课程将介绍 show()、hide()、fadeIn()、fadeOut() 和 fadeToggle() 等重要 jQuery 方法,帮助您创建动态视觉效果。您还将探索 CSS 动画、处理动画事件、创建相对…

10

精通高级选择器与 DOM 遍历

B13 节课PRO

深入了解 jQuery 强大的选择器引擎,探索属性选择器、伪类选择器与自定义选择器。学习高效的 DOM 遍历方法,精准定位并操作元素。

11

复杂动画与自定义效果

B13 节课PRO

超越基础动画,利用自定义缓动函数与链式动画制作精细的视觉效果。学习控制动画队列并创建动态的用户体验。

12

利用数据属性与模板处理动态内容

B13 节课PRO

探索 HTML5 数据属性的高级用法,直接通过 DOM 存储和检索数据,从而驱动动态行为。将 jQuery 与基础的客户端模板解决方案集成。

13

高级表单处理与验证

B13 节课PRO

掌握处理复杂表单的稳健技术,包括动态字段操作、高级客户端验证,以及通过 AJAX 提交数据,从而实现流畅的用户体验。

14

AJAX 操作

B21 节课PRO

通过我们的 AJAX 操作课程提升 Web 开发能力。本课程将介绍如何使用 jQuery,相比原生 JavaScript 更高效地管理 AJAX 请求。您将学习 ajax()、$.get() 和 $.post() 等重要 jQuery 方法,并掌握无缝处理 PUT 和 DELE…

15

高级 AJAX 与远程数据处理

B23 节课PRO

通过 jQuery AJAX 深入理解异步数据请求。学习处理各种数据格式、管理错误,并安全高效地实现跨域请求。

16

事件委托与自定义事件管理

B23 节课PRO

通过为动态添加的元素实施事件委托并提升性能,优化事件处理。了解如何创建和触发自定义事件,实现更好的模块化。

17

使用 Deferred 与 Promise 实现异步模式

B23 节课PRO

深入了解 jQuery 的 Deferred 对象与 Promise,更有效地管理复杂的异步操作。学习优雅地链接、解决和拒绝多个异步任务。

18

自定义选择器与高级筛选

B23 节课PRO

通过创建自定义伪选择器并掌握高级筛选方法,扩展 jQuery 的选择能力。根据复杂条件和动态状态精准定位元素。

19

开发稳健的 jQuery 插件

C13 节课PRO

学习插件开发原理,扩展 jQuery 的功能。创建可复用、可配置并能与 jQuery 生态无缝集成的插件。

20

性能优化与最佳实践

C13 节课PRO

识别并消除 jQuery 代码中的性能瓶颈。学习高效操作 DOM、处理事件以及选择性加载的策略,提升应用速度。

21

将 jQuery 集成到现代 JavaScript 中

C13 节课PRO

学习如何在现代 JavaScript 开发流程中有效集成 jQuery。探索它与 ES6+ 特性、模块模式和现代构建工具的共存方式。

22

测试 jQuery 应用

C13 节课PRO

深入理解如何测试基于 jQuery 的应用。学习对 jQuery 代码进行单元测试、与测试框架集成,并确保代码质量。

常见问题

常见问题解答

jQuery Academy 课程免费吗?

免费。你可以免费开始 jQuery Academy 课程并完成它的所有互动课程。可选的 PRO 订阅解锁高级 AI 工具和可分享的证书。

学习 JAVASCRIPT 需要有先前的经验吗?

不需要。课程从基础开始,逐步进阶到更高难度的主题,所以即使你没有任何 JAVASCRIPT 基础也可以开始。

我在 CoddyKit 上怎样学习 JAVASCRIPT?

学以致用。简洁的互动课程将清晰的讲解与实时动手编程练习结合,24/7 AI 导师在你遇到困难时提供个性化帮助。

完成 jQuery Academy 后能获得证书吗?

可以。PRO 学员可以参加考试,获得 jQuery Academy 课程的可分享的完成证书,其中包含可验证的代码。

我能在手机上学习 JAVASCRIPT 吗?

可以。CoddyKit 支持网页版和原生 iOS、Android 应用,你可以在任何设备上学习 JAVASCRIPT,进度会自动同步。

立即开始 jQuery Academy

加入数千名学习者,通过 AI 驱动的课程掌握编程。

免费开始 →浏览所有课程