jQuery er et lett JavaScript-bibliotek som gjør det enklere å bruke JavaScript på web-siden.
Du kan utføre handlingen i mindre kode som i forhold til JavaScript.
Dette gjør det enklere å manipulere HTML-dokumenter, traversering, event håndtering og utføre AJAX forespørsel.
Kompatibel med de fleste nettlesere og støtter CSS3-velgere til å finne og stil manipulasjon.,
Innhold
- Last ned og Inkluderer
- Initialisere
- Ekstern fil
- Konklusjon
1. Last ned og Inkluderer
- Naviger til jQuery Offisielle nettsted.
- biblioteket er tilgjengelig i to versjoner – komprimert og ukomprimert. Den komprimerte har mindre filstørrelse sammenlignet med ukomprimert fordi den ikke har ekstra mellomrom og kommentarer. Den komprimert versjon er lesbar og lettere å feilsøke.
- Last ned den komprimert versjon.,
- Bruk
<script >for å inkludere biblioteket i HTML-enten i<head>eller<body>.
<script src='https://makitweb.com/embed-jquery-html-page/jquery-3.2.1.min.js'></script>
- Du kan også bruke de tilgjengelige CDN å inkludere biblioteket.
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. Initialisere
I den web-side kan du skrive din jQuery kode i dokumentet klar-tilstand i <script > – tag-en.
Eksempel
I eksempelet jeg brukte CDN bibliotek og definert klikk på arrangementet på-knappen., Klikk på endre verdien i tekstboksen element.
Output
Klikk på knappen.
3. Ekstern fil
- Opprette en ny
script.jsfilen og legg den over skript på det. - Omfatte
script.jsetter jQuery bibliotek.
skript.js
$(document).ready(function(){ $('#button').click(function(){ $('#txt1').val("Button clicked"); });});
indeks.html –
Output
Klikk på knappen.
4. Konklusjon
Du kan enten bruke den eksterne jQuery bibliotek eller CDN-versjonen for å ta skriptet.,
Hvis du har opprettet en ekstern skript og ved hjelp av jQuery på det, så det må bli inkludert etter jQuery bibliotek script ellers ikke ville fungere, og generere feil.
Hvis du fant denne tutorial nyttig så ikke glem å dele.