In questo breve articolo vogliamo mostrare come si fanno a contare gli elementi (li) contenuti in una lista numerata o puntata (ol o ul). Per prima cosa supponiamo di avere la seguente lista puntata <ul…
jQuery offre un modo semplice e potente per selezionare e manipolare gli elementi del DOM di una pagina web tramite i suoi selettori. Questa guida aggiornata espande i concetti base con esempi pratici, selettori avanzati…
La sintassi di jQuery può essere sintetizzata in questo modo: $(selettore).azione(); Il carattere $ dice che sitamo definendo jQuery, il selettore è l’elemento al quale vogliamo applicare l’azione. Il selettore in realtà può restituire più…
Ora andremo ad illustrare come sia possiblie aggiungere dinamicamente del contenuto ad una pagina quando ne raggingiamo la fine. Prima di proseguire in spiegazioni troppo astruse è meglio vedere una demo: Demo Nell’esempio mostrato appena…
In questo post andremo velocamente a vedere come si possono gestire gli eventi generati dal passaggio del mouse su un oggetto tramite jQuery. Per prima cosa possiamo andare a vedere questo esempio: http://demo.studio-88.it/eventi-mouse-jquery.html possiamo vedere…
jQuery è una libreria javascript open source il cui scopo è semplificare e velocizzare la programmazione in javascript. Tramite questa libreria siamo in grado di: Selezionare e manipolare elementi HTML Manipolare dinamicamente le regole CSS…
Il metodo toggleClass() di jQuery pernde uno o più elementi e gli aggiunge la classe che abbiamo passato come parametro se non gli è già stata assegnata, al contrario se la classe già gli è…
L’operazione di ridimensionamento di un immagine con jQuery è estrmamente semplice, nel nostro esempio l’effetto che vogliamo ottenere è che al passaggio del mouse l’immagine si ingrandisca, e quando usciamo dall’immagine con il mouse l’immagine…
Eseguire un fade-in o un fade-out con jQuery è molto semplice. Vediamo passo passo i pezzi di codice che sono necessari. Per prima cosa all’interno del tag head inseriamo la chiamata alla libreria di jQuery,…
Ecco un breve esempio su come si possono creare 2 funzioni javascript che tramite jQuery mostrano o nascondono un box. Prendiamo ad esempio questo codice: