JavaScript 第4课:函数
在本课中,我们将学习 JavaScript 中的函数——如何编写函数以及函数的类型。你也可以阅读以下 PHP 课程中的相关章节,所有示例在 JavaScript 中同样适用:
JavaScript 第5课:数组及其操作函数
在本课中,我们将学习 JavaScript 的另一种数据类型——数组。同时,我们还将了解一些用于处理字符串和数组的函数。其他函数我们会在后续课程中讲解。若想提前熟悉数组的概念,可以阅读以下 PHP 数组相关的内容:
join() 方法
split() 方法
length() 属性
JavaScript 第6课:对象及其属性与方法
这是学习 jQuery 之前所需的最后一节 JavaScript 课程,但并不是我制作的最后一节 JavaScript 课程,因为 JavaScript 语言的内容远比我目前讲到的要丰富得多。
在本课中,我们将学习 JavaScript 的另一种数据类型——对象。对象可以看作是一种特殊的数组,其中的元素是变量和函数。对象中的变量称为对象的属性,而对象中的函数称为对象的方法。关于 PHP 中的对象,你可以在这里阅读:
Drupal 与 jQuery
什么是 jQuery?
jQuery 是一个非常出色的 JavaScript 库,它能让你只用几行代码就轻松实现令人惊叹的网页效果。正如 jQuery 官方网站所说:
“jQuery 是一个 JavaScript 库,它的口号是:编写 JavaScript 代码应该是一种乐趣。jQuery 处理常见的、重复的任务,简化布局,同时让代码保持简洁、美观且易于理解。”
你可能会想:“为什么不使用其他的 JavaScript 库呢?” 当然可以,不过你不妨试试 jQuery —— 它既简单又强大。即使你以前使用过 MooTools 或 Prototype,也会惊讶于 jQuery 的简洁与高效。
为什么我应该使用 jQuery?
原因非常简单。只要看一眼使用 jQuery 的代码,你就会发现它多么简洁,如何在几行中完成复杂的功能,而且代码还非常优雅。
Drupal 与 jQuery。第1课:在 Drupal 中引入 jQuery 文件
jQuery 是一个非常方便的工具,当你需要隐藏、修改、移动或优雅地调整页面元素时,它非常简单又高效。现在我们来学习如何在 Drupal 中引入 JavaScript 文件。我们将在主题的 .info 文件中引入这些脚本。要引入文件,请在主题的 .info 文件中添加以下行:
scripts[] = js/custom.js
其中 js/custom.js 是你主题中 JavaScript 文件的路径。
接下来,需要确保 jQuery 代码在页面加载完成后执行。对于 Drupal 6,这样写就足够了:
Drupal 与 jQuery。第2课:选择器与效果
在本课中,我们将学习 jQuery 的选择器与效果(effects)。
选择器
在选择器中,我们最常使用的是类选择器和 ID 选择器。jQuery 的选择器通常与 CSS 中的选择器类似,因此如果你会写 CSS 选择器,那么你也会写 jQuery 选择器。下面是选择类的方式:
$('.class')
而选择 ID 的方式如下:
$('#id')
Drupal 与 jQuery。第3课:jQuery 与 CSS
在本视频中,我们将学习如何使用 jQuery 来操作和控制 CSS 样式。
Drupal 与 jQuery。第4课:jQuery 与事件(events)
在本课中,我们将学习 jQuery 中的事件(events)。同时,我们还会了解 animate() 方法,它用于实现动画效果。通过事件与 animate() 的结合,我们将创建一个带有动画效果的反馈表单。
jQuery 与 Drupal。第5课:jQuery 在线计算器与 Sexy Uniform 样式美化
在本视频中,我们将学习如何使用 jQuery 创建一个在线计算器。同时,我们还会引入 Sexy Uniform 插件,使按钮样式更加美观。
jQuery 与 Drupal。第6课:使用 jQuery 创建图片画廊
在本课中,我们将学习如何使用 jQuery 创建一个简单的图片画廊。