MooTools学习笔记（一）

首先下载MooTools源码以及文档。（见附件）
1、[color=green]用MooTools里面的封装的方法来获取HTML页面元素、[/color]
MooTools中的[color=red]$ [/color]相当于[color=red] document.getElmentById[/color]
前提：把mootools.js文件引入网页

<input type="text" id="name_text" value="jms"/>

可以用[color=red]document.getElmentById("name_text")[/color]和[color=red]$("name_text")[/color]来获得网页元素。

.getElement();扩展了$方法，可以让你简化你的选择操作。例如，你可以通过$方法来选择id为”jms“的元素，然后选择第一个子节点。.getElement();只选择一个元素，如果有多个符合要求的元素则返回第一个元素。如果你给.getElement();方法一 个CSS类名作为参数，你就会得到第一个有这个CSS类名的元素，而不是函数所有元素的数组。要选择多个元素，则可以使用下面 的.getElements();方法。

选择ID为”body_wrap“的元素下面的第一个链接 
$('body_wrap').getElement('a');  
选择ID为”body_wrap“的元素下面的ID为”special_anchor“的元素 
$('body_wrap').getElement('#special_anchor');  
选择ID为”body_wrap“的元素下面第一个CSS类名为”special_anchor_class“的元素 
$('body_wrap').getElement('.special_anchor_class'); 

2、[color=green]$$();[/color]
$$函数可以可以让你快速选择多个元素，并组成一个数组（一种你可以操作、获取和以任何方式重新排序的列表）。

选择这个页面中的所有div 
$$('div');  
选择ID为”id_name的元素和所有的div 
$$('#id_name', 'div'); 

.getElements();
.getElements();和.getElement();非常类似，不过它返回所有符合要求的元素，并组成一个数组。你可以想使用.getElement();方法那样使用.getElements();。

选择ID为”body_wrap“的元素下面的所有链接 
$('body_wrap').getElements('a');   
选择ID为”body_wrap“的元素下面的所有CSS类名为”special_anchor_class“的子元素 
$('body_wrap').getElements('.special_anchor_class');