CLICCA QUI PER VEDERE L'ESEMPIO FUNZIONANTE.
Questo esempio illustra la possibilità di generare elementi del 'DOM' in 'run-time' con codice jQuery e di associare ad ogni elemento, una volta creato, la gestione di eventi legati alla loro interazione col puntatore del 'mouse'.
Una volta creati, gli elementi (e più specificamente elementi '<P>'), vengono ordinati in maniera tabulare dove il numero di righe e di colonne permette di riempire un elemento '<DIV>' preposto al ruolo di contenitore centrato nella pagina 'web'.

CLICCA QUI PER VEDERE L'ESEMPIO FUNZIONANTE.
Se l'obiettivo è quello di creare elementi HTML in 'run-time' in corrispondenza del puntatore del 'mouse' in jQuery, questo è l'esempio che fa per voi!
Testato sulle ultime versioni dei principali 'browser' (alcune proprietà di stile non sono supportate da alcuni 'browser' e, se notate malfunzionamenti, siete più che benvenuti a notificarmeli :)), l'esempio propone un elemento '<DIV>' sul quale potete fare liberamente tutti i 'click' che volete.
Ad ogni 'click' vengono recuperate le coordinate del 'mouse' relative al documento e 'tradotte' in relazione all'elemento '<DIV'>.

CLICCA QUI PER VEDERE L'ESEMPIO FUNZIONANTE.
Questo carosello, sviluppato in jQuery, presenta alcuni aspetti interessanti: oltre a proporre diverse tipologie di ciclo, utilizzate nello specifico per permettere l'iterazione all'interno della 'collection' di elementi '<ARTICLE>', propone il metodo 'bind()' per associare eventi e la loro gestione a determinati elementi del 'DOM'.
Dal codice si può notare, infatti, come tutti gli elementi '<ARTICLE>' siano resi interattivi associando loro la gestione dell'evento 'click'.
Un'unica funzione viene eseguita qualsiasi sia l'elemento '<ARTICLE>' col quale si interagisca.
Compito delle proprietà dell'oggetto 'data' (a sua volta proprietà dell'oggetto rappresentativo dell'evento passato come parametro al gestore), è quello di permettere di distinguere con quale specifico elemento del 'DOM' si sia interagito.