jQuery slider

jQuery slider

In questo tutorial impareremo a creare un semplicissimo jQuery slider. Realizzeremo questo slider utilizzando i metodi che abbiamo studiato in precedenza, ma più avanti vedremo altri metodi con cui poter realizzare uno slider in jQuery. Quindi i metodi che ci serviranno per questo esempio sono: fadeIn(), fadeOut(), eq(), click(), addClass() e removeClass(). Esempio di utilizzo […]

jQuery eq()

jQuery eq()

jQuery eq() method è un metodo che serve ad individuare elementi specifici all’interno di un set di elementi. All’interno del metodo eq() si specifica infatti un indice che indica la posizione dell’elemento che vogliamo selezionare. La sintassi è dunque questa: $(selettore).eq(indice) dove indice rappresenta un numero intero. Quindi se, data una serie di voci di […]

jQuery fadeIn()

jQuery fadeIn()

jQuery fadeIn() method serve a mostrare un elemento ma con un effetto a dissolvenza. Questo metodo infatti è molto simile a show(), così come il metodo fadeOut() è simile a hide(). La sintassi infatti è questa: $(selettore).fadeIn(velocità, modalità, funzione) $(selettore).fadeOut(velocità, modalità, funzione) Ricordiamo inoltre che i parametri indicati sono opzionali e si possono anche utilizzare […]

jQuery hover()

jQuery hover()

In questa lezione studieremo il metodo jQuery hover(). Nella scorsa lezione abbiamo studiato i metodi mouseover(), mouseout(), mousemove(), mouseenter() e mouseleave(), cercando di capirne le differenze d’uso. Il metodo hover() specifica due funzioni da eseguire quando il mouse passa sopra l’elemento e quando si allontana. La prima funzione specifica cosa succede quando il puntatore del […]

Metodi mouseenter(), mousemove() e mouseleave()

Metodi mouseenter(), mousemove() e mouseleave()

Altri metodi utilizzati per gestire il movimento del mouse nella pagina che vi spiegherò sono mouseenter(), mousemove() e mouseleave(). Questi metodi hanno la stessa sintassi dei metodi precedenti, ma hanno scopi differenti. Esempio con utilizzo del metodi mouseenter(), mousemove() e mouseleave() Fate dunque la prova a passare sopra il testo inserito sotto, comparirà del testo […]

jquery mouseover()

jQuery mouseover() method

jQuery mouseover() method – In questa lezione studieremo il metodo mouseover() che si verifica quando, come suggerisce già il nome, passiamo su un elemento di una pagina web con il nostro mouse. Quindi potremmo ad esempio desiderare di mostrare una descrizione quando passiamo su un’immagine o su un titolo, ecc… La sintassi di questa funzione […]

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 removeClass()

jQuery removeClass()

jQuery removeClass() method permette di rimuovere una classe (remove class) da un elemento selezionato. La sintassi è dunque questa: .removeClass (nome_classe, funzione (index, classe_corrente)) Dove nome_classe e funzione hanno le stesse caratteristiche del metodo addClass(), che abbiamo studiato nella lezione precedente: addClass(). Esempio di utilizzo di jQuery removeClass() Analizziamo un primo esempio di utilizzo del […]

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 […]