MooTools是一个简洁,模块化,面向对象的开源JavaScript web应用框架。
它为web开发者提供了一个跨浏览器js解决方案。在处理js、css、html时候。
它提供了一个比普通js更面向对象的documentAPI。
Mootools与jQuery相比较
API的差别:
$('#element')
$('element')
$$('#element')
jQuery的所有插件都是从$开始
Mootools所有插件
操作DOM性能对比
如果是有着成百上千页面的大项目,有些大数据量交互与处理的项目,多人合作,多模块化的项目,jQuery往往就显得底气不足,往往需要各类插件补充。
MooTools虽然也能用在中小项目上,但是,其潜力的发挥要在大型、需要编写大量JavaScript的应用的网站项目上。
下载并引用最新MooTools 1.6核心库。
MooTools 选择器
DOM元素选择器
//由类获取元素
$$('.foo'); // or even: document.getElements('.foo');
//不同元素的选择器
$$('div.foo, div.bar, div.bar a');
//获得一个元素
document.getElement('div.foo');
事件处理程序 附加事件以更新发生的事情
// 附上单击事件的元素
myElement.addEvent('click', function(){
alert('clicked!');
});
// 一次附上几件事情
myElement.addEvents({
mouseover: function(){
alert('mouseover');
},
click: function(){
alert('click');
}
});
Ajax!
MooTools使用一类叫做Request
// create a new Class instance
var myRequest = new Request({
url: 'getMyText.php',
method: 'get',
onRequest: function(){
myElement.set('text', 'loading...');
},
onSuccess: function(responseText){
myElement.set('text', responseText);
},
onFailure: function(){
myElement.set('text', 'Sorry, your request failed :(');
}
});
// and to send it:
myRequest.send(data);
语法:
typeof(obj);
参数:
obj - 要检查的对象(object)。
返回:
例如:
var myString = 'hello';
typeOf(myString); // 返回 "string"
语法:
instanceOf(item, object)
参数:
1.item - (mixed) 对象实例。
2.object - (mixed) 目标类型。
返回:
(boolean) item是否为object的一个实例
例子:
var foo = [];
instanceOf(foo, Array) // 返回 true
instanceOf(foo, String) // 返回 false
var bar = new myClass();
instanceOf(bar, myClass) // 返回 true
类型
MooTools的延伸原生类型,如字符串,数组或数字,使他们更加有效。 MooTools的使用的类型有:
MooTools自定义的类型有:
更多内容已经写成免费的在线课程交互式非视频的方式,可以访问: http://www.hubwiz.com/course/56cabf45ecba4b4d31cd273b/