jQuery è una libreria JavaScript leggera che rende più facile l’uso di JavaScript sulla pagina web.

È possibile eseguire l’azione in meno codice rispetto a JavaScript.

Ciò semplifica la manipolazione dei documenti HTML, l’attraversamento, la gestione degli eventi e l’esecuzione della richiesta AJAX.

Compatibile con la maggior parte dei browser e supporta i selettori CSS3 per trovare e manipolare le proprietà di stile.,

Contenuto

  1. Scaricare e Includi
  2. Inizializzare
  3. file Esterno
  4. Conclusione

1. Scarica e includi

  • Vai al sito ufficiale di jQuery.
  • La libreria è disponibile in due versioni: compressa e non compressa. Il compresso ha meno dimensioni rispetto a non compresso perché non ha spazi bianchi e commenti aggiuntivi. La versione non compressa è leggibile e più facile da eseguire il debug.
  • Scarica la versione compressa.,
  • Usa <script >per includere la libreria in HTML in <head>o <body>.
<script src='https://makitweb.com/embed-jquery-html-page/jquery-3.2.1.min.js'></script>
  • È anche possibile utilizzare la CDN disponibile per includere la libreria.

Google CDN

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

Microsoft CDN

<script src='http://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.js'></script>

2. Inizializza

Nella pagina web scrivi il tuo codice jQuery all’interno dello stato pronto documento nel tag<script >.

Esempio

Nell’esempio, ho usato la libreria CDN e definito l’evento click sul pulsante., Fare clic su Modifica valore dell’elemento casella di testo.

Uscita

Fare clic sul pulsante.

3. File esterno

  • Crea un nuovo filescript.js e inserisci lo script sopra.
  • Includere il script.js dopo la libreria jQuery.

script.js

$(document).ready(function(){ $('#button').click(function(){ $('#txt1').val("Button clicked"); });});

indice.html

Output

Fare clic sul pulsante.

4. Conclusione

È possibile utilizzare la libreria jQuery esterna o la versione CDN per includere lo script.,

Se hai creato uno script esterno e usando jQuery su di esso, deve essere incluso dopo lo script della libreria jQuery altrimenti non funzionerebbe e genererebbe l’errore.

Se hai trovato utile questo tutorial, non dimenticare di condividere.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *