MooTools选择器

DOM元素的选择器

//按类获取元素$$(“.foo”)；//甚至：document.getElements（'.foo'）；

//具有不同元素的选择器$$('div.foo，div.bar，div..bar a')；//获取单个元素document.get元素(“div.foo”)；

阿贾克斯！

MooTools使用一个名为Request的类。

//创建新的Class实例
无功功率，无功功率我的请求=新的请求({网址：'获取我的文本.php',方法：“获取”,请求时：功能(){myElement.set（我的元素集）(“文本”,'正在加载…')；},成功时：功能（响应文本）{myElement.set（我的元素集）(“文本”，responseText）；},失败时：功能(){myElement.set（我的元素集）(“文本”,'对不起，您的请求失败：（')；}});//并发送：myRequest.send（数据）；

发送表单可以更简单！

myForm.send（）；//您可以选择添加/更改表单属性myForm.set（我的表单集）('发送'，{网址：“contact.php”，方法：“获取”});

如何创建新的DOM元素

一个简单的MooTools元素示例。

//短途
新的元素('div#bar.foo')；//使用元素构造函数
新的元素(“div”, {“类”:“foo”,身份证号码：“bar”});

事件处理

附加要更新的事件！

//将单击事件附加到元素myElement.addEvent（我的元素添加事件）('单击',功能(){警报('单击！')；});//一次附加几个事件myElement.addEvents（我的元素添加事件）({鼠标悬停：功能(){警报('鼠标悬停')；},单击：功能(){警报('单击')；}});

您还可以删除、激发或克隆事件！

//删除事件myElement.removeEvent（类型，fn）；

MooTools类

一个简单的MooTools类示例。

无功功率，无功功率动物=新的类别({初始化：功能（年龄）{这.age=年龄；}});无功功率，无功功率猫=新的类别({延伸：动物，初始化：功能（姓名、年龄）{//调用Animal类的initalize方法
        这.父母（年龄）；这.name=名称；}});无功功率，无功功率我的猫=新的猫(“米西亚”,20)；警报（myCat.name）；//提醒“Micia”。警报（myCat.age）；//警报20。