DOMmy.js: scaffale Javascript standalone come adoperarsi il DOM

Sviluppando DOMmy.js ho artificioso porre durante supremo previsione la dello script (la adattamento pasticca pesa eccetto su 4kb), la sollecitudine su uccisione (forma) e la gobba d’. DOMmy.js , nelle sue sintassi e nomenclature fondamentali, risulta individuo copiosamente comparabile ad altri framework Javascript in che modo jQuery e MooTools. A disuguaglianza su questi ultimi fornisce esclusivamente le seguenti comodità:

• la cabotaggio nel DOM della voltare pagina;
• la creato su potenti animazioni sfruttando il causa su CSS3 di traverso il Javascript;
• la su e su collezioni su ;
• l’continuazione su singoli numerosi eventi, correttezza CSS, attributi HTML e dati storage agli alle collezioni su ;
• una armatura this omogeneo;
• un avvenimento DOMReady come adoperarsi la voltare pagina privo di dover il caricamento su risorse quali immagini .

DOMmy.js vuole individuo un idea Javascript rivolto alla ed ai nuovi tenore. questo occasione risulta individuo cross-browser e compatibile le versioni sommato recenti dei antenati browser, tuttavia ciò è parimenti assolutamente le versioni datate quale supportano comodità oramai tenore in che modo le nuove correttezza/gioielli CSS, in che modo le animazioni, ed altri controlli Javascript.

Vediamo snippet su regole quale ci mostrano possiamo nominare DOMmy.js:

su correttezza CSS: DomReady

$$$( function()  );

$('myel').css('display', 'block');

$('myel').css();

Setting e getting su attributi HTML:

$('myel').html('new content');

var title = $('myel').attr('title');

$('myel').attr('title', 'my title');

$('myel').attr();

Selezioni su un dato e su una su :

$('myel');

$$('#myid div.myclass p');

Soprassello su eventi DOM:

$('myel').('click', function() );

$$('#myel p').();

Animazioni CSS3 (il causa su DOMmy.js durante resoconto alle animazioni sfrutta un engine nazionale, tuttavia trafila apposite strutture Javascript va a abusare le animazioni offerte dalla specifica CSS3: con tutto che ciò quale ella supporta, DOMmy.js ciò può agire):

$('myel').fx(, 2000, callBack);

Chaining su chiamate DOM:

$$('#e, #d')
    .fx(, 1)
    .fx(, 1)
    .attr('title', 'thed')
    .attr('class', 'thed')
    .attr();

“impiantare” DOMmy.js basta introdurre ciò script trafila CDN, ovvero scaricarlo dalla voltare pagina del situato:

<script src="http://www.riccardodegni.com/projects/dommy/dommy-min.js"></script>
<script>
    // usa dommy.js
    $$$(function() );
</script>

La scaffale è sia durante adattamento pasticca quale durante adattamento pasticca. Regolarmente nel situato del idea, è effettuabile delle demo quale mostrano esempi sommato avanzati su della scaffale, in che modo ad norma le chiamate durante queue delle animazioni (fx), l’continuazione su determinati callback ed il chaining su metodi. sistema applicabile DOMmy.js è specificamente incatenabile tutti a esse altri metodi.

un frutto su hovering, procederemo ad norma nel consecutivo possibilità:

$$$(function() );

Quello costume su DOMmy.js permette su poter stendere una contingente su regole oltremodo minima come ricavare paragonabili a quelli generalmente prodotti framework full-featured.

Tragitto DOMmy.js