er en letvægts jQuery JavaScript-biblioteket, hvilket gør det lettere at bruge JavaScript på web side.
Du kan udføre din handling i mindre kode i forhold til JavaScript.
Dette gør det lettere at manipulere HTML-dokumenter, gennemkører, hændelseshåndtering og udførelse af Aja. – anmodning.
kompatibel med de fleste af de bro .sere og understøtter CSS3 selektorer at finde og stil ejendom manipulation.,
Indhold
- Hent og Inkluderer
- Formatér
- Ekstern fil
- Konklusion
1. Do .nload og inkluder
- Naviger til J .uery officielle hjemmeside.
- biblioteket er tilgængeligt i to versioner – komprimeret og ukomprimeret. Den komprimerede har mindre størrelse sammenlignet med ukomprimeret, fordi den ikke har ekstra hvide mellemrum og kommentarer. Den ukomprimerede version er læsbar og lettere at debug.
- do .nload den komprimerede version.,
- Brug
<script >for at inkludere bibliotek 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å bruge den tilgængelige CDN til at 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. Initialiser
på webebsiden skriv din j .uery-kode i document ready-tilstand i <script > tag.
eksempel
i eksemplet brugte jeg CDN-bibliotek og definerede klikhændelse på knappen., På klik skift værdi af tekstboksen element.
Output
Klik på knappen.
3. Ekstern fil
- Opret en ny
script.jsfil og læg ovenstående script på det. - Medtag
script.jsefter J .uery-biblioteket.
script.js
$(document).ready(function(){ $('#button').click(function(){ $('#txt1').val("Button clicked"); });});
indeks.HTML
Output
Klik på knappen.
4. Konklusion
Du kan enten bruge det eksterne J .uery-bibliotek eller CDN-versionen til at inkludere scriptet.,
Hvis du har oprettet et eksternt script og bruger J .uery på det, skal det inkluderes efter J .uery library script ellers ville det ikke fungere og generere fejlen.
Hvis du fandt denne tutorial nyttigt, så glem ikke at dele.