MooTools教程(1):认识MooTools

Class（类）

一个JavaScript类（相对于CSS的类），是一个功能可以重复使用的对象。若要更多地了解MooTools类，你可以看看Valerio的这篇简单介绍的文章（MooTools类——怎样使用它们）。我也同时推荐David Walsh的MooTools类模板。

Element（元素）

MooTools库的Element类提供了一些非常有用的功能。通过这个类，你可以选择DOM元素、操控他们的属性和位置、改变他们的CSS风格。这里是MooTools提供的一些非常强大的处理DOM元素的工具：

• 选择所有有相同ID或者CSS类名的DOM元素 - .getElements();
• 给一个元素添加一个CSS类 - .addClass();
• 取得一个元素的属性值 - .getProperty();
• 改变一个元素的属性值 - .setProperty();
• 取得一个元素的样式属性值 - .getStyle();
• 改变一个元素的样式属性值 - .setStyle();
• 取得一个元素的坐标位置 - .getCoordinates();

（Fdream注：不推荐在一个页面中有多个相同ID，最好不要出现，在一些浏览器下很容易出现不可预见的错误。）

Utilities（实用工具）

实用工具（Utilities）提供了更多精良的选择逻辑，包括domready事件、可以管理AJAX调用的工具、可以轻松管理cookie的工具，甚至还有”swiff“功能，可以提供JavaScript接口给ActionScript。

FX（效果）

这可能是MooTools最有趣的部分了。通过Fx（效果），你可以创建”Tween“（补间动画）和”morph“（形变动画）效果，从而让你的DOM对象动起来。

• 在两个样式属性值之间创建一个动画变形（比如让一个div平缓地变大） - var myFx = new Fx.Tween(element);
• 在多个不同的属性值之间创建一个动画变形（比如在让一个div平缓变大的过程中，让它的边框越来越初，同时变换它的背景颜色） - var myFx = new Fx.Morph(element);

Request（请求）

包含一些可以轻松处理JavaScript XMLHttpRequest（AJAX）功能的工具。为了减轻整个请求/响应（request/response）带来的痛苦，Request对象还有一些专门用来处理HTML和JSON对象（JavaScript对象表示法）的扩展。

Plugins（插件）

MooTools插件扩展了核心功能，可以轻松地为你的web项目添加高级UI功能。插件列表如下：

• Fx.Slide
• Fx.Scroll
• Fx.Elements
• Drag
• Drag.Move
• Color
• Group
• Hash.Cookie
• Sortables
• Tips
• Sm

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!