JQuery gallery

jQuery Gallery

Realizziamo una jQuery Gallery, ovvero una galleria con jQuery per lo scorrimento delle immagini. Per realizzare un semplice esempio di jQuery gallery utilizzeremo il metodo attr(). Successivamente utilizzeremo altri metodi per creare gallerie più accattivanti, quindi considerate questo esempio puramente didattico. Abbiamo già realizzato in precedenza una galleria semplicemente utilizzando JavaScript a questo link: galleria […]

JQuery attr()

jQuery attr()

In questa lezione studieremo il jQuery attr() method, un semplice metodo per assegnare un attributo al valore selezionato. La sintassi per ritornare un valore di un attributo è questa: $(selettore).attr(attributo) Quindi un possibile uso potrebbe essere questo: $(h1).attr(“id”) in cui mi ritorna il valore id del tag h1. La sintassi per impostare il valore di […]

jQuery addClass()

jQuery addClass()

jQuery addClass() method – Questo metodo aggiunge una classe (add class) ad un elemento di una pagina web. Quindi ad esempio, se ho un paragrafo e voglio aggiungere una formattazione diversa dopo un determinato evento, lo posso fare utilizzando il metodo addClass(). La sintassi è dunque questa: .addClass(nome_classe, funzione (index, classe_corrente) ) Dove il nome_classe […]

jQuery css()

jQuery css()

jQuery css() method è il metodo che serve a dare una formattazione a uno o più elementi di una pagina web. Con jQuery css() infatti posso dare ad esempio un colore di sfondo ad un paragrafo oppure un colore di testo ad un titolo e così via. La sintassi è dunque molto semplice: css(“nome_proprietà“); Esempio […]

jquery show()

jQuery show()

Oggi studieremo il jQuery show() method, che consente di mostrare uno o più elementi. Nelle lezioni precedenti abbiamo studiato il metodo hide() e slideToggle(). La sintassi del metodo è questa: selettore.show(velocità, modalità, funzione) I parametri velocità, modalità e funzione sono uguali ai due metodi precedenti, quindi chiaramente non sto qui a ripetervi le stesse cose. […]

jquery hide()

jQuery hide()

jQuery hide() method – In questa lezione studieremo questo metodo che serve a nascondere uno o più elementi in una pagina web. Metodo jQuery Hide() come si utilizza Il metodo hide() come detto prima nasconde uno o più elementi. Per chi ha dimestichezza con i CSS3, ha la stessa funzionalità della proprietà display:none. La sintassi […]

jquery document ready

jQuery document ready

In questo articolo vedremo come utilizzare jQuery document ready. Per specificare che le funzioni, con le relative istruzioni, devono essere eseguite dopo il caricamento della pagina, si utilizza questa funzione: $(document).ready(function() { …. }); Infatti il metodo ready esegue il codice contenuto nella relativa funzione solo quando il documento è stato interamente caricato, ovvero quando […]

jquery selectors

jQuery selectors

In questo breve tutorial parleremo di jQuery selectors, ovvero dei selettori nelle JQuery. Abbiamo già visto nella lezione precedente come si utilizzano i selettori ma non abbiamo citato i tre selettori particolari: $(document) è il selettore che indica l’intero documento HTML. $(this) è il selettore che indica l’elemento HTML corrente. $(“*”) è il selettore che […]

jQuery

jQuery

Le jQuery sono un insieme di librerie scritte in linguaggio JavaScript. Queste consentono di scrivere codice più efficiente e conciso e di gestire con più facilità le animazioni di una pagina web, la gestione degli eventi, la modalità di invio dati attraverso un form, ecc… Potete vedere la documentazione completa seguendo questo link: w3school. Includere […]