logo

额外区块类型 (EBT) - 全新的布局构建器体验❗

额外区块类型 (EBT) - 样式化、可定制的区块类型:幻灯片、标签页、卡片、手风琴等更多类型。内置背景、DOM Box、JavaScript 插件的设置。立即体验布局构建的未来。

演示 EBT 模块 下载 EBT 模块

❗额外段落类型 (EPT) - 全新的 Paragraphs 体验

额外段落类型 (EPT) - 类似的基于 Paragraph 的模块集合。

演示 EPT 模块 滚动

滚动

Drupal 与 jQuery

10/10/2025, by Ivan

什么是 jQuery?

jQuery 是一个非常出色的 JavaScript 库,它能让你只用几行代码就轻松实现令人惊叹的网页效果。正如 jQuery 官方网站所说:

“jQuery 是一个 JavaScript 库,它的口号是:编写 JavaScript 代码应该是一种乐趣。jQuery 处理常见的、重复的任务,简化布局,同时让代码保持简洁、美观且易于理解。”

你可能会想:“为什么不使用其他的 JavaScript 库呢?” 当然可以,不过你不妨试试 jQuery —— 它既简单又强大。即使你以前使用过 MooTools 或 Prototype,也会惊讶于 jQuery 的简洁与高效。

为什么我应该使用 jQuery?

原因非常简单。只要看一眼使用 jQuery 的代码,你就会发现它多么简洁,如何在几行中完成复杂的功能,而且代码还非常优雅。

我第一次真正理解它的强大,是在看到一段用 jQuery 编写的代码时。当时我浏览 RSS 订阅,看到一篇关于网页设计的博客,其中包含一个使用 jQuery 的 JavaScript 示例。老实说,那段代码不仅是跨浏览器兼容的,而且让我第一次接触到了 jQuery 的独特理念。

jQuery 代码有什么特点?

jQuery 的代码看起来极其简单。我从未见过比它更直观的语法。这让我大开眼界。我开始阅读 jQuery 的文档,并惊讶于它能让 JavaScript 代码变得如此简短精炼。

什么时候可以使用 jQuery?

你几乎可以在任何时候使用 jQuery,因为它已经内置在 Drupal 中:

  • 例如,这个小巧的库为你提供了对 DOM(文档对象模型)的强大控制。
  • 它可以让你用最少的努力完成任务。

或者:

  • 用于通过 AJAX 快速访问数据。
  • 无需编写充满兼容性补丁的代码(而且不用担心 JavaScript 代码会过时)。
  • 当你需要创建漂亮的动画效果时,它同样非常强大。

如果你想实现动画效果:元素的切换、隐藏与显示、滑动展开、淡入淡出、拖拽等——所有这些只需几行代码就能完成,而用 Prototype 实现这些可能要复杂得多。

我已经迫不及待想开始写 jQuery 代码了!

那就马上开始吧!jQuery 已经内置在 Drupal 中,你只需在你的主题中引入一个 JS 文件,然后直接编写 jQuery 代码。至于该写什么内容?我们将在后续课程中继续讲解……