Latest web development tutorials

Esempi jQuery

Vuoi migliorare le competenze jQuery?


selettore jQuery

$ (This) .nascosto ()

Dimostra la funzione jQuery nascondere (), che nasconde l'elemento HTML corrente.

$ ( "P"). Hide ()

Dimostra la funzione jQuery nascondere (), nascondendo tutti <p> ​​elementi.

$ ( ". Test"). Nascondere ()

Dimostra la funzione jQuery nascondere (), che nasconde tutto = elemento "test" di classe.

$ ( "# Test"). Nascondere ()

Dimostra la funzione jQuery nascondere (), nascondere id = elemento "test".


jQuery evento

jQuery click ()
Demo jQuery jQuery click () evento.

jQuery DblClick ()
Demo jQuery DblClick () evento.

jQuery MouseEnter ()
Demo jQuery MouseEnter () evento.

jQuery mouseLeave ()
Demo jQuery mouseLeave () evento.

jQuery mousedown ()
Demo jQuery MouseDown () evento.

jQuery MouseUp ()
Demo jQuery MouseUp () evento.

jQuery hover ()
Demo jQuery hover () evento.

jQuery messa a fuoco () e la sfocatura ()
Demo jQuery messa a fuoco () ed evento sfocatura ().

Esempi di analitica


jQuery Mostra / Nascondi

jQuery nascondere ()
Metodo demo jQuery nascondere ().

jQuery Hide () e show ()
Demo jQuery Hide () e il metodo show ().

jQuery Toggle ()
jQuery Toggle () per la commutazione Hide () e il metodo show ().

jQuery nascondere ()
Ulteriori esempi di un testo nascosto.

Esempi di analitica


jQuery Fade

jQuery fadeIn ()
Metodo demo jQuery fadeIn ().

jQuery fadeOut ()
Metodo demo jQuery fadeOut ().

jQuery fadeToggle ()
Metodo demo jQuery fadeToggle ().

jQuery fadeTo ()
Metodo demo jQuery fadeTo ().

Esempi di analitica


scivolo jQuery

jQuery slideDown ()
Metodo demo jQuery slideDown ().

jQuery slideUp ()
Metodo demo jQuery slideUp ().

jQuery slideToggle ()
Metodo demo jQuery slideToggle ().

Esempi di analitica


animazioni jQuery

jQuery animate ()
Metodo Demo semplice jQuery animate ().

jQuery animate () - impostare più proprietà css
Metodo Demo () per cambiare lo stile da jQuery animato.

jQuery animate () - l'uso del valore di correlazione
Viene illustrato come utilizzare i valori nel metodo jQuery animate ().

jQuery animate () - utilizzando un valore predefinito
Dimostrazione di predefinito "nascondere", "spettacolo", valori "Toggle" animate ().

jQuery animate ()
Demo Più jQuery animate () esempio metodo

jQuery animate ()
Demo Più jQuery animate () metodo di istanza (animato multipla () di callback).

Esempi di analitica


Smettere di animazioni jQuery

arresto jQuery () slitta
Metodo Demo arresto jQuery ().

arresto jQuery () Anime (parametri)
Metodo Demo arresto jQuery ().

Esempi di analitica


jQuery HTML Get e proprietà

jQuery di testo () e HTML () - ottenere il testo e contenuti
Utilizzare jQuery di testo () e il metodo html () per ottenere il contenuto.

jQuery val () - Ottiene il valore
Utilizzare il metodo jQuery val () per ottenere i valori di campo modulo.

jQuery attr () - Ottiene il valore della proprietà
Utilizzare il metodo jQuery attr () per ottenere il valore della proprietà.

Esempi di analitica


contenuti e impostazione delle proprietà jQuery HTML

jQuery di testo (), html () , e val () - impostare il contenuto
Utilizzare jQuery di testo (), html () e il metodo val () per impostare il contenuto.

jQuery di testo () e HTML () - impostare il contenuto e utilizzare una funzione di callback
L'utilizzo di testo () e HTML () impostare il contenuto e utilizzare una funzione di callback

jQuery attr () - per impostare i valori delle proprietà
Utilizzare il metodo jQuery attr () per impostare i valori delle proprietà.

jQuery attr () - impostare i valori delle proprietà multiple
Utilizzare il metodo jQuery attr () per impostare i valori delle proprietà multiple.

jQuery attr () - per impostare i valori delle proprietà utilizzando una funzione di callback
+ E impostare i valori delle proprietà utilizzando una funzione di callback attr call ().

Esempi di analitica


jQuery HTML per aggiungere elementi / contenuti

jQuery append ()
Alla fine degli elementi selezionati aggiungi contenuto

jQuery prepend ()
All'inizio degli elementi selezionati aggiungere il contenuto

jQuery append () - inserire più elementi
Innovativi nuovi elementi text / html, jQuery e JavaScript / DOM. L'aggiunta di un nuovo elemento nel testo.

jQuery dopo () e prima ()
Prima e dopo l'elemento selezionato per aggiungere elementi HTML.

jQuery dopo () - inserire più elementi
Innovativi nuovi elementi text / html, jQuery e JavaScript / DOM. Alla fine del elemento selezionato per inserire nuovi elementi.

Esempi di analitica


elementi HTML jQuery sono rimossi / contenuti

jQuery rimuovere ()
Rimuovere elemento selezionato

jQuery vuoto ()
Rimuovere gli elementi selezionati di tutti gli elementi figlio

jQuery rimuovere () - parametri
E rimuovere l'elemento filtrante

Esempi di analitica


jQuery ottenere e impostare le classi CSS

jQuery addClass ()
Aggiungere diverso attributo di elementi di classe

jQuery addClass () - più di una classe
Utilizzare il metodo addClass () per aggiungere più classi

jQuery removeClass ()
Rimuove l'elemento specificato di classe

jQuery toggleClass ()
In elementi di commutazione selezionati (aggiungere / rimuovere) di classe

Esempi di analitica


Metodo jQuery css ()

jQuery css () - Restituisce la proprietà CSS
Restituisce i valori delle proprietà CSS elemento prima di corrispondenza

jQuery CSS () - Impostare le proprietà CSS
Impostare tutte le proprietà CSS elementi di configurazione specificata

jQuery CSS () - Impostare le proprietà CSS
Una pluralità di elementi corrispondenti proprietà CSS

Esempi di analitica


jQuery Dimensioni

jQuery - restituisce la larghezza () e l'altezza ()
Restituisce la larghezza e l'altezza dell'elemento specificato

jQuery - restituisce innerWidth () e innerHeight ()
Restituisce interno-larghezza / altezza dell'elemento specificato

jQuery - restituisce outerWidth () e outerHeight ()
Restituisce esterno-larghezza / altezza dell'elemento specificato

jQuery - restituisce outerWidth (vero) e outerHeight (vero)
Restituisce esterna larghezza / altezza dell'elemento specificato (compresa la cornice esterna)

jQuery - restituisce la larghezza () e l'altezza () del documento e finestra
Restituisce il documento HTML e la larghezza e l'altezza della finestra

jQuery - larghezza Impostazione () e l'altezza ()
Impostare la larghezza e l'altezza dell'elemento specificato

Esempi di analitica


jQuery attraversamento - antenato

jQuery genitore ()
Metodo Demo genitore jQuery ().

genitori jQuery ()
Metodo Demo genitori jQuery ().

jQuery parentsUntil ()
Metodo demo jQuery parentsUntil ().

Esempi di analitica


jQuery attraversamento - prole

i bambini jQuery ()
Metodo Demo bambini jQuery ().

jQuery find ()
Metodo demo jQuery find ().

Esempi di analitica


jQuery attraversamento - connazionali (fratelli)

fratelli jQuery ()
Metodo Demo fratelli jQuery ().

jQuery successivo ()
prossimo metodo Demo jQuery ().

jQuery nextAll ()
Metodo demo jQuery nextAll ().

jQuery nextUntil ()
Metodo demo jQuery nextUntil ().

Esempi di analitica


metodo load jQuery AJAX ()

jQuery carico ()
caricamento asincrono il contenuto del file e inserito nell'elemento <div>.

jQuery carico ()
il contenuto dei file di carico asincroni specificati contenuto dell'elemento e inseriti nell'elemento <div>.

carico jQuery () - utilizzare una funzione di callback (callback)
Utilizzare jQuery metodo load () della funzione di callback.

Esempi di analitica


jQuery AJAX get () e post () metodo

jQuery get ()
Utilizzando $ .get () per recuperare i dati dal server in modo asincrono

jQuery post ()
Utilizzando il $ .post () per recuperare i dati dal server in modo asincrono

Esempi di analitica