Sintassi jQuery

Con jQuery, puoi selezionare (query, query) gli elementi HTML e eseguire su di essi "azioni" (azioni).

Esempio di sintassi jQuery

$(this).hide()
Dimostrazione della funzione hide() di jQuery, che nasconde l'elemento HTML corrente
$("#test").hide()
Dimostrazione della funzione hide() di jQuery, che nasconde l'elemento con id="test"
$("p").hide()
Dimostrazione della funzione hide() di jQuery, che nasconde tutti gli elementi <p>
$(".test").hide()
Dimostrazione della funzione hide() di jQuery, che nasconde tutti gli elementi con class="test"

Sintassi jQuery

La sintassi di jQuery è progettata per selezionare elementi HTML e eseguire alcune operazioni su di essi.

La sintassi di base è:$(selector).azione()

  • Il simbolo dollaro definisce jQuery
  • Il selettore (selector) "query" e "trova" gli elementi HTML
  • L'azione() di jQuery esegue operazioni sugli elementi

Esempio

$(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 tutti gli elementi con id="test"

Suggerimento:La sintassi utilizzata da jQuery è una combinazione di XPath e CSS selector syntax. Nei prossimi capitoli di questo tutorial, imparerai di più sulla sintassi dei selettori.

Funzione di document ready

Forse avete notato che tutti i funzioni jQuery nel nostro esempio sono posizionate all'interno di una funzione document ready:

$(document).ready(function(){
  // Funzioni jQuery vanno qui
});

Questo è per prevenire che il codice jQuery venga eseguito prima che il documento sia completamente caricato (pronto).

Se si esegue la funzione prima che il documento sia completamente caricato, l'operazione potrebbe fallire. Ecco due esempi specifici:

  • Cercare di nascondere un elemento non esistente
  • Ottenere la dimensione dell'immagine non completamente caricata