Con jQuery si seleziona (query) elementi HTML e di eseguire "azioni" su di loro.
jQuery Sintassi
La sintassi jQuery è fatta su misura per laselezione di elementi HTML e l'esecuzione di alcune azionisul element(s) .
Sintassi di base è: $(selector).action()
- Un $ segno per definire / accesso jQuery
- A(selettore)per "query (o trovare)" elementi HTML
- A jQuery action () da eseguire sul element(s)
Esempi:
$(this).hide() - nasconde l'elemento corrente.
$("p").hide() - nasconde tutti <p> elementi.
$(".test").hide() - nasconde tutti gli elementi con class="test" .
$("#test").hide() - nasconde l'elemento con id="test" .
Sei familiarità con selettori CSS?
jQuery utilizza la sintassi CSS per selezionare gli elementi. Si impara di più sulla sintassi del selettore nel prossimo capitolo di questo tutorial.
Il Pronto Event documento
Potreste aver notato che tutti i metodi di jQuery nei nostri esempi, sono all'interno di un evento pronto documento:
$(document).ready(function(){
// jQuery methods go here...
});
Questo per evitare che qualsiasi codice jQuery esecuzione prima che il documento è finito di carico (è pronto).
E 'buona norma attendere che il documento sia a pieno carico e pronto prima di lavorare con esso. Questo permette anche di avere il vostro codice JavaScript prima che il corpo del documento, nella sezione head.
Ecco alcuni esempi di azioni che possono fallire se i metodi vengono eseguiti prima che il documento è a pieno carico:
- Cercando di nascondere un elemento che non è ancora creata
- Cercando di ottenere la dimensione di un'immagine che non è ancora caricato
Suggerimento: Il team di jQuery ha anche creato un metodo ancora più breve per l'evento ready documento:
$(function(){
// jQuery methods go here...
});
Utilizzare la sintassi che si preferisce. Noi pensiamo che l'evento pronto documento è più facile da capire quando la lettura del codice.