JQuery è una libreria di JavaScript che è sostanzialmente creata per semplificare la manipolazione del modello di oggetti (DOM) del modello HTML (DOM) e gli alberi di attraversamento, nonché animazione in CSS, gestione degli eventi e AJAX. Inoltre, HTML consente ai suoi utenti di aggiungere il codice jQuery all'interno della pagina HTML per renderlo molto semplice e più semplice per l'utilizzo di JavaScript nel sito Web.

Questo tutorial dimostrerà l'aggiunta del codice jQuery a una pagina HTML.

Come aggiungere il codice jQuery alla pagina HTML?

Per aggiungere il codice jQuery alla pagina HTML, prova le istruzioni fornite.

Passaggio 1: crea un contenitore di div
Inizialmente, crea un contenitore div e aggiungi il "allineare"Attributo per impostare la posizione dell'elemento.

Passaggio 2: aggiungi una voce
Quindi, aggiungi l'intestazione con l'aiuto di "

"Tag che viene utilizzato per inserire il livello uno che si dirige nella pagina HTML.

Passaggio 3: crea elemento del pulsante
Successivamente, crea un elemento pulsante usando ""Tag:

Linuxhint

Registrati

Produzione

Passaggio 4: aggiungi la libreria jQuery
Utilizza il link dato per il download del file jQuery dal sito ufficiale. Quindi, posizionalo nella cartella del progetto, passa a ""Tag e specificare la fonte"src"Nel tag script come segue:

In alternativa, devi ospitare da solo il jQuery specificando il link completo come valore di "src"Attributo come segue:

Passaggio 7: Aggiungi funzione per il collegamento
Ora aggiungi una funzione per collegare la pagina:

Qui:

• Il codice incluso all'interno del "$ (documento).pronto (funzione)"Farà eseguito solo una volta quando il modello di oggetto documentazione (DOM) della pagina è preparato per eseguire il codice di JavaScript.
• ".Fare clic su (funzione)"Viene utilizzato per i trigger quando si verificano gli eventi di clic o collegano una funzione da eseguire.

Si può osservare che il codice jQuery è stato collegato correttamente con la pagina HTML:

Si trattava di aggiungere il codice jQuery alla pagina HTML.

Conclusione

Per aggiungere il codice jQuery alla pagina HTML, è possibile scaricare la libreria JQuery dal sito Web ufficiale o posizionare il suo nome come "src"Valore dell'attributo all'interno del""Tag. Altrimenti, ospita direttamente la Biblioteca JQuery fornendo il collegamento completo nello script all'interno del ""Sezione del file HTML. Questo post ha dimostrato la procedura per l'aggiunta del codice jQuery in un file HTML.