Mootools--学习笔记（1）

1、选择符。

$("ID"):ID选择符，只选取ID名元素，选取时，不写入ID名前缀“#”；

$$("*"):混合选择符，适用所有的元素，用法与jQuery十分相似。

2、DOM就绪。

/*以下内容摘自网络（翻译）*/

我们经常使用 window.onload 或者 body onload=“” 去执行一些页面中的加载事件。

譬如

window.onload=myFunction;

该方法有一些缺点：首先，我们必须等待页面中的图片加载完毕后才能执行脚本（JS）。还有，如果我们的页面中，有一些事件和代码绑定到window上的话，他们就会互相覆盖。

Mootools针对这个情况，开发了一个解决方案。当页面中的DOM准备好了的时候，Mootools附带了一个定制事件，叫做DomReady。

譬如

Window.addEvent(‘domready’, function(){
  myFunction();
});

当HTML页面中的DOM加载完毕后，myFunction立即执行，其他window与图片紧接其后。

DomReady有哪些优点：

*允许你的工作页面优先加载。

*允许您使用相同的事件与其他脚本。

*不用等待图片加载完。

DomReady 示范

/*
MooTools DomReady.
Two Styles.
1. Call the function directly.
2. The function is inside of anonomos function.
*/
window.addEvent(‘domready‘, myFunction);
//Or.
window.addEvent(‘domready‘, function(){
   myFunction();
});

function myFunction() 
{
  alert("The DOM is ready.");
}

【以上内容属于自己翻译，如果错误请帮忙提出意见，感激不尽】