sintassi jQuery
Con jQuery selezioni (interroga) elementi HTML ed esegui "azioni" su di essi.
sintassi jQuery
La sintassi jQuery è fatta su misura per selezionare elementi HTML ed eseguire alcune azioni sugli elementi.
La sintassi di base è: $( selettore ). azione ()
- Un segno $ per definire/accedere a jQuery
- A ( selettore ) per "interrogare (o trovare)" gli elementi HTML
- Un'azione jQuery () da eseguire sugli elementi
Esempi:
$(this).hide()- nasconde l'elemento corrente.
$("p").hide()- nasconde tutti gli elementi <p>.
$(".test").hide()- nasconde tutti gli elementi con class="test".
$("#test").hide()- nasconde l'elemento con id="test".
Conoscete i selettori CSS?
jQuery utilizza la sintassi CSS per selezionare gli elementi. Imparerai di più sulla sintassi del selettore nel prossimo capitolo di questo tutorial.
Suggerimento: se non conosci i CSS, puoi leggere il nostro Tutorial CSS .
L'evento pronto per il documento
Potresti aver notato che tutti i metodi jQuery nei nostri esempi sono all'interno di un evento pronto per il documento:
$(document).ready(function(){
// jQuery methods go here...
});
Questo per impedire l'esecuzione di qualsiasi codice jQuery prima che il documento sia terminato (è pronto).
È buona norma attendere che il documento sia completamente caricato e pronto prima di lavorarci. Ciò ti consente anche di avere il tuo codice JavaScript prima del corpo del tuo documento, nella sezione head.
Di seguito sono riportati alcuni esempi di azioni che possono non riuscire se i metodi vengono eseguiti prima che il documento sia completamente caricato:
- Cercando di nascondere un elemento che non è stato ancora creato
- Cercando di ottenere le dimensioni di un'immagine che non è stata ancora caricata
Suggerimento: il team di jQuery ha anche creato un metodo ancora più breve per l'evento pronto per il documento:
$(function(){
// jQuery methods go here...
});
Usa la sintassi che preferisci. Riteniamo che l'evento document ready sia più facile da capire durante la lettura del codice.