JQuery er et bibliotek med JavaScript som i utgangspunktet er opprettet for å forenkle HTML Document Object Model (DOM) manipulasjon og traversal trær, samt animasjon innen CSS, hendelseshåndtering og Ajax. Videre lar HTML sine brukere legge til jQuery -kode inne i HTML -siden for å gjøre det mye enkelt og mer greit for å bruke JavaScript på nettstedet.

Denne opplæringen vil demonstrere å legge til jQuery -kode på en HTML -side.

Hvordan legge til jQuery -kode på HTML -siden?

For å legge til jQuery -kode på HTML -siden, prøv de gitte instruksjonene.

Trinn 1: Lag en div container
Opprinnelig lage en DIV -beholder og legge til “tilpasse”Attributt til å sette elementposisjonen.

Trinn 2: Legg til en overskrift
Deretter legger du overskriften ved hjelp av "

”Tag som brukes til å sette inn nivå en på vei inn i HTML -siden.

Trinn 3: Opprett knappelement
Etter det, lag et knappelement ved hjelp av “" stikkord:

Linuxhint

Registrere

Produksjon

Trinn 4: Legg til jQuery Library
Bruk den gitte lenken for å laste ned jQuery -filen fra det offisielle nettstedet. Deretter plasserer du den i prosjektmappen din, flytt til “”Tag, og spesifiser kilden”src”I skriptkoden som følger:

Alternativt må du være vertskap for jQuery selv ved å spesifisere den komplette lenken som verdien av "src”Attributt som følger:

Trinn 7: Legg til funksjon for kobling
Legg nå til en funksjon for å koble siden:

Her:

• Koden inkludert i "$ (dokument).klar (funksjon)”Kjøres bare en gang når Page Document Object Model (DOM) er forberedt på å utføre koden til JavaScript.
• “.Klikk (funksjon)”Brukes for triggere når klikkhendelsene oppstår eller kobler en funksjon som skal utføres.

Det kan observeres at jQuery -koden har blitt koblet til HTML -siden:

Det handlet om å legge til jQuery -koden til HTML -siden.

Konklusjon

For å legge til jQuery -koden på HTML -siden, kan du enten laste ned jQuery -biblioteket fra det offisielle nettstedet eller plassere navnet som "src”Attributtverdi innenfor“" stikkord. Ellers er du direkte vert for jQuery -biblioteket ved å tilby den komplette lenken i skriptet i "”Seksjon av HTML -filen. Dette innlegget demonstrerte prosedyren for å legge til jQuery -koden i en HTML -fil.