Mootools es un framework JavaScript que facilita el desarrollo de aplicaciones web dinámicas mediante la agrupación de funciones para manipular el DOM, manejar eventos, crear y modificar elementos, y más. Algunas ventajas de Mootools son que es modular, de código abierto, bien documentado y con una gran comunidad de desarrolladores que lo mantienen y mejoran.

1. Mootools y otros frameworks JS

14. Eventos de window Casi siempre vamos a necesitar un disparador: window.addEvent( 'domready ', function() { // código que se ejecuta cuando el navegador tiene todo el HTML }); window.addEvent( 'load ', function() { // código que se ejecuta cuando el navegador tiene toda la página web descargada (HTML, CSS, imágenes, JS, Flash, …) });

16. Selectores selectors body div.example, div.note div[class|=dialog] div #title div[class!=made_up] body div h1#title div[class~=example] div p div #title div:not(.example) div > p ul.toc li.tocline2 p:contains(selectors) div + p ul.toc > li.tocline2 p:nth-child(even) div ~ p h1#title + div > p p:nth-child(2n) div[class^=exa][class$=mple] h1[id]:contains(Selectors) p:nth-child(odd) div p a a[href][lang][class] p:nth-child(2n+1) div, p, a div[class] p:nth-child(n) .note div[class=example] p:only-child div.example div[class^=exa] p:last-child ul .tocline2 div[class$=mple] p:first-child div[class*=e]

21. Crear elementos var newElementVar = new Element('div', { 'id': 'id_name', 'text': 'I am a new div', 'styles': { 'width': '200px', 'height': '200px', 'background-color': '#eee', 'float': 'left‘ } });