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'.

Tutte le volte che il puntatore del 'mouse' 'entra' sulla superficie di un quadratino, una funzione viene eseguita per alterarne alcune proprietà di stile (nell'esempio il colore dello sfondo) mentre, quando il puntatore del 'mouse' esce dalla superficie di un quadrato, le proprietà di stile vengono ripristinate ai loro valori iniziali.
Ad ogni paragrafo viene associato il metodo 'hover()' il quale accetta come parametri proprio due funzioni: una da eseguirsi all''over' del 'mouse', l'altra all''out' del 'mouse'.
Ancora una volta propongo un esempio col quale si pone l'accento sulla potenza dell'associazione HTML/HTML 5, CSSC/SS3 e jQuery.
Buon divertimento e grazie mille per l'attenzione! :)