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
- Scaricare e Includi
- Inizializzare
- file Esterno
- 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 file
script.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.