logo

Esempio jQuery

jQuery è sviluppato da Google. Per creare il primo esempio jQuery, è necessario utilizzare il file JavaScript per jQuery. Puoi scaricare il file jQuery da jquery.com o utilizzare l'URL assoluto del file jQuery.

In questo esempio jQuery, stiamo utilizzando l'URL assoluto del file jQuery. L'esempio jQuery è scritto all'interno del tag script.

Vediamo un semplice esempio di jQuery.

File: firstjquery.html
 First jQuery Example <p>The first paragraph is selected.</p> <p>The second paragraph is selected.</p> <p>The third paragraph is selected.</p> 
Provalo adesso

Produzione:

Il primo paragrafo è selezionato.

Viene selezionato il secondo paragrafo.

Viene selezionato il terzo paragrafo.

$(documento).ready() e $()

Il codice inserito tra $(document).ready() viene eseguito solo una volta quando la pagina è pronta per l'esecuzione del codice JavaScript.

json nell'esempio json

Al posto di $(document).ready(), è possibile utilizzare solo la notazione abbreviata $().

 $(document).ready(function() { $(&apos;p&apos;).css(&apos;color&apos;, &apos;red&apos;); }); 

Il codice sopra è equivalente a questo codice.

 $(function() { $(&apos;p&apos;).css(&apos;color&apos;, &apos;red&apos;); }); 

Vediamo l'esempio completo di jQuery utilizzando la notazione abbreviata $().

File: shortjquery.html
 Second jQuery Example <p>The first paragraph is selected.</p> <p>The second paragraph is selected.</p> <p>The third paragraph is selected.</p> 
Provalo adesso

Produzione:

Il primo paragrafo è selezionato.

Java cattura prova

Viene selezionato il secondo paragrafo.

Viene selezionato il terzo paragrafo.


funzione() { $('p').css('colore-sfondo', 'ciano'); }

Cambia il colore di sfondo di tutto

tag o paragrafo in ciano.