Coding

原文地址：30 Days of Mootools 1.2 Tutorials – Day 5 – Event Handling

MooTools 1.2中的事件处理

请尊重个人劳动，转载请注明出处：http://fdream.net，译者：Fdream

如果你还没有准备好，请阅读以前的教程，这里是《MooTools 1.2系列教程目录》。

今天我们开始第五讲，在上一讲（《Mootools 1.2教程(4)——函数》）中，我们学习了在MooTools 1.2中建立和使用函数的几种不同方式。下一步就是理解事件了。和选择器类似，事件也是建立互动界面的一个重要部分。一旦你掌握了一个元素，你需要去决定什么行为来触发什么效果。先把效果留着以后在讲，我们首先看一看中间步骤和一些常见的事件。

左键单击事件

左键单击事件是web开发中最常见的事件。超链接识别点击事件，然后把你带到另外一个URL地址。MooTools能够识别其他DOM元素上的点击事件，在设计和功能上给了你极大的灵活性。给一个元素添加一个点击事件的第一步：…

原文地址：30 Days of Mootools 1.2 Tutorials – Day 4 – Functions

函数和MooTools 1.2

请尊重个人劳动，转载请注明出处：http://fdream.net，译者：Fdream

如果你还没有准备好，请阅读以前的教程，这里是《MooTools 1.2系列教程目录》。

今天开始MooTools系列教程的第4讲。如果你还没有看过上一讲，请先查看上一篇教程《Mootools 1.2教程(3)——数组使用简介》。今天我们先不讲MooTools，而是讲一讲JavaScript中的函数（function）的基本知识。

但是，为了符合MooTools这个主题，你需要知道在哪里该使用MooTools的函数。此前，我们已经在我们的所有示例代码中，把代码都放在domready方法中。当我们需要把它放在domready的外面时，我们使用了函数（function）。在你在domready里面调用函数之前，函数并不会被执行。…

数组使用简介

原文地址：30 Days of Mootools 1.2 Tutorials – Day 3 – Intro to Using Arrays

请尊重个人劳动，转载请注明出处：http://fdream.net， 译者：Fdream

如果你还没有准备好，请阅读以前的教程，这里是《MooTools 1.2系列教程目录》。

在上一篇教程——《Mootools 1.2教程(2)——DOM选择器》中，我们介绍了一下选择器，其中有很多方法就会返回数组（一个你可以对其中内容进行多种操作的特殊列表）。今天，我们在来看看如何使用数组来管理DOM元素。

基本方法

.each();

在处理数组时，.each();方法是你最好的朋友。它提供了一种很容易的方法来遍历数组的每个元素，如果有需要还可以对其中的元素进行任何逻辑处理。例如，我们可以假设你需要为页面中的每个div对象调用alert方法：

$$('div').each(function()

…

Mootools 1.2教程(2)——DOM选择器

原文地址：30 Days of Mootools 1.2 Tutorials – Day 2 – Selectors

请尊重个人劳动，转载请注明来源：http://fdream.net，译者：Fdream

这里是《MooTools 1.2系列教程目录》。

如果你还没有准备好，请先阅读上一篇《Mootools 1.2教程(1)——MooTools介绍》。我们讲了怎么引用MooTools 1.2以及怎么在domready里面调用你的脚本。

今天开始本系列教程的第2讲。在这一讲中，我们会学习几种选择HTML元素的方法。在许多方面，这是MooTools用得最多最基本的。毕竟，要创建一个基于HTML元素的交互性用户体验，你必须首先把它们掌握在手中。

基本的方法

$();

$函数是MooTools中基本的选择器。你可以通过它来根据一个ID选择DOM元素。

// 选择ID为”body_wrap“的元素

…

MooTools 1.2介绍

原文地址：30 Days of Mootools 1.2 Tutorials – Day 1 – Intro to the Library

请尊重个人劳动，转载请注明出处：http://fdream.net， 译者：Fdream

这里是《MooTools 1.2系列教程目录》。

有人最近要求我们写一个关于MooTools 1.2的30天的教程，这似乎也是个很不错的主意，于是我们决定现在就开始。在这些教程中，我们假设用户没有任何MooTools或者是JavaScript经验，但是至少有基本的HTML和CSS知识。

MooTools 1.2 JavaScript库介绍

MooTools 1.2是个强大的轻量级的JavaScript库，专门为减轻Web中交互性JavaScript开发。在某种程度上，你可以认为MooTools是CSS的扩展。例如，CSS可以让你在鼠标移上去时发生改变。JavaScript允许你接触更多的时间（点击事件、鼠标悬停事件、键盘事件……），MooTools让这一切变得非常容易。…