Gli ultimi tutorial di sviluppo web
 

jQuery Esempi


Vuoi sviluppare le tue capacità di selezione jQuery?

Si prega di provare il nostro jQuery Selettore Tester


jQuery selettori

$("p").hide()
Dimostra il jQuery hide() metodo, nascondendo tutti <p> elementi.

$("#test").hide()
Dimostra il jQuery hide() il metodo, che nasconde l'elemento con id="test" .

$(".test").hide()
Dimostra il jQuery hide() metodo, nascondendo tutti gli elementi con class="test" .

$(this).hide()
Dimostra il jQuery hide() il metodo, che nasconde l'elemento HTML corrente.

Esempi spiegato


jQuery Eventi

jQuery click()
Dimostra il jQuery click() evento.

jQuery dblclick()
Dimostra il jQuery dblclick() evento.

jQuery mouseenter()
Dimostra il jQuery mouseenter() evento.

jQuery mouseleave()
Dimostra il jQuery mouseleave() evento.

jQuery mousedown()
Dimostra il jQuery mousedown() evento.

jQuery mouseup()
Dimostra il jQuery mouseup() evento.

jQuery hover()
Dimostra il jQuery hover() evento.

jQuery focus() e blur()
Dimostra il jQuery focus() e blur() eventi.

Esempi spiegato


jQuery Mostra / Nascondi

jQuery hide()
Dimostra il jQuery hide() metodo.

jQuery hide() e show()
Dimostra jQuery hide() e show() metodi.

jQuery toggle()
jQuery toggle() commuta tra hide() e show() .

jQuery hide()
Un altro nascondere dimostrazione. Come nascondere le parti del testo.

Esempi spiegato


jQuery Fade

jQuery fadeIn()
Dimostra il jQuery fadeIn() metodo.

jQuery fadeOut()
Dimostra il jQuery fadeOut() metodo.

jQuery fadeToggle()
Dimostra il jQuery fadeToggle() metodo.

jQuery fadeTo()
Dimostra il jQuery fadeTo() metodo.

Esempi spiegato


jQuery scorrevole

jQuery slideDown()
Dimostra il jQuery slideDown() metodo.

jQuery slideUp()
Dimostra il jQuery slideUp() metodo.

jQuery slideToggle()
Dimostra il jQuery slideToggle() metodo.

Esempi spiegato


jQuery Animate

jQuery animate()
Dimostra un semplice uso del jQuery animate() metodo.

jQuery animate() - manipolare più proprietà CSS
Dimostra che è possibile manipolare più proprietà CSS con il jQuery animate() metodo.

jQuery animate() - utilizzando i valori relativi
Dimostra che è possibile utilizzare i valori relativi al jQuery animate() metodo.

jQuery animate() - utilizzando i valori predefiniti
Dimostra che è possibile utilizzare i valori predefiniti "hide", "show", "toggle" in jQuery animate() metodo.

jQuery animate()
Dimostra di più utilizzando il jQuery animate() metodo (diverse animate() chiama dopo l'altro).

jQuery animate()
Dimostra di più utilizzando il jQuery animate() metodo (diverse animate() chiama dopo l'altro).

Esempi spiegato


jQuery stop animazioni

jQuery stop() scorrevole
Dimostra il jQuery stop() metodo.

jQuery stop() animazione (con parametri)
Dimostra il jQuery stop() metodo.

Esempi spiegato


jQuery HTML ottenere contenuti e attributi

jQuery text() e html() - Get contenuti
Ottenere contenuti con il jQuery text() e html() metodi.

jQuery val() - Get contenuti
Ottenere il valore di un campo di modulo con il jQuery val() metodo.

jQuery attr() - Get valore di attributo
Prendi il valore di un attributo con il jQuery attr() metodo.

Esempi spiegato


jQuery HTML Set Contenuto e attributi

jQuery text() , html() , e val() - Set contenuti
Set di contenuti con i jQuery text() , html() e val() metodi.

jQuery text() e html() - Set di contenuti con una funzione di callback
Set contenuto + utilizzando una funzione di callback all'interno text() e html() .

jQuery attr() - Imposta valore di attributo
Impostare il valore attributo con il jQuery attr() metodo.

jQuery attr() - Imposta più valori degli attributi
Impostare più valori degli attributi con il jQuery attr() metodo.

jQuery attr() - Imposta valore di attributo con una funzione di callback
Impostare valore dell'attributo + utilizzando una funzione di callback all'interno attr() .

Esempi spiegato


jQuery HTML aggiungere elementi / Content

jQuery append()
Inserisci contenuto alla fine degli elementi HTML selezionati.

jQuery prepend()
Inserire contenuto all'inizio degli elementi HTML selezionati.

jQuery append() - Inserire diversi nuovi elementi
Creare nuovi elementi con text / HTML, jQuery, e JavaScript / DOM. Poi aggiungere i nuovi elementi al testo.

jQuery after() e before()
Inserisci contenuto dopo e prima gli elementi HTML selezionati.

jQuery after() - Inserire diversi nuovi elementi
Creare nuovi elementi con text / HTML, jQuery, e JavaScript / DOM. Poi inserire i nuovi elementi dopo l'elemento selezionato.

Esempi spiegato


jQuery HTML rimuovere gli elementi / Content

jQuery remove()
Rimuovere l'selezionata element(s) .

jQuery empty()
Rimuovere tutti gli elementi figlio del selezionati element(s) .

jQuery remove() - con un parametro
Filtrare gli elementi da rimuovere

Esempi spiegato


jQuery ottenere e impostare classi CSS

jQuery addClass()
Aggiungere attributi di classe di elementi diversi.

jQuery addClass() - classi multiple
Specificare più classi all'interno del addClass() metodo.

jQuery removeClass()
Rimuovere un attributo di classe specifica da diversi elementi.

jQuery toggleClass()
Commutare tra l'aggiunta / rimozione classi dagli elementi selezionati.

Esempi spiegato


jQuery css() Metodo

jQuery css() - proprietà CSS ritorno
Ritorna il valore di una proprietà CSS specificata dal primo elemento corrispondente.

jQuery css() - impostare la proprietà CSS
Impostare una proprietà CSS specificato per tutti gli elementi corrispondenti.

jQuery css() - impostare le proprietà CSS
Impostare più proprietà CSS per tutti gli elementi abbinati.

Esempi spiegato


jQuery Dimensioni

jQuery - ritorno width() e height()
Riportare la larghezza e l'altezza di un elemento specificato.

jQuery - tornare innerWidth() e innerHeight()
Riportare la larghezza interna / altezza di un elemento specificato.

jQuery - tornare outerWidth() e outerHeight()
Riportare la larghezza esterna / altezza di un elemento specificato.

jQuery - tornare outerWidth (vero) e outerHeight (vero)
Riportare la larghezza esterna / altezza (inclusi i margini) di un elemento specificato.

jQuery - ritorno width() e height() del documento e finestra
Riportare la larghezza e l'altezza del documento (il documento HTML) e la finestra (la finestra del browser).

jQuery - set width() e height()
Imposta la larghezza e l'altezza di un elemento specificato.

Esempi spiegato


jQuery a movimento laterale Antenati

jQuery parent()
Dimostra il jQuery parent() metodo.

jQuery parents()
Dimostra il jQuery parents() metodo.

jQuery parentsUntil()
Dimostra il jQuery parentsUntil() metodo.

Esempi spiegato


Discendenti jQuery a movimento laterale

jQuery children()
Dimostra il jQuery children() metodo.

jQuery find()
Dimostra il jQuery find() metodo.

Esempi spiegato


jQuery di movimento Fratelli

jQuery siblings()
Dimostra il jQuery siblings() metodo.

jQuery next()
Dimostra il jQuery next() metodo.

jQuery nextAll()
Dimostra il jQuery nextAll() metodo.

jQuery nextUntil()
Dimostra il jQuery nextUntil() metodo.

Esempi spiegato


Filtraggio di movimento jQuery

jQuery first()
Dimostra il jQuery first() metodo.

jQuery last()
Dimostra il jQuery last() metodo.

jQuery eq()
Dimostra il jQuery eq() metodo.

jQuery filter()
Dimostra il jQuery filter() metodo.

jQuery not()
Dimostra il jQuery not() metodo.

Esempi spiegato


jQuery AJAX load() Metodo

jQuery load()
Caricare il contenuto di un file in un <div> elemento.

jQuery load()
Caricare il contenuto di un elemento specifico in un file, in un <div> elemento.

jQuery load() - con callback
Utilizzare del jQuery load() metodo con una funzione di callback.

Esempi spiegato


jQuery AJAX get() e post() Metodi

jQuery get()
Utilizzare il $.get() metodo per recuperare i dati da un file sul server.

jQuery post()
Utilizzare il $.post() metodo per inviare alcuni dati insieme alla richiesta.

Esempi spiegato