jQuery is een lichtgewicht JavaScript-bibliotheek die het gemakkelijker maakt om JavaScript op de webpagina te gebruiken.
u kunt uw actie uitvoeren in minder code in vergelijking met JavaScript.
Dit maakt het eenvoudiger om de HTML-documenten te manipuleren, het doorlopen, het afhandelen van gebeurtenissen en het uitvoeren van Ajax-Verzoeken.
Compatibel met de meeste browsers en ondersteunt CSS3 selectors voor het vinden en stijl eigenschappenmanipulatie.,
inhoud
- downloaden en opnemen
- initialiseren
- extern bestand
- conclusie
1. Download en voeg
- Navigeer naar de officiële website van jQuery.
- de bibliotheek is beschikbaar in twee versies – gecomprimeerd en ongecomprimeerd. De gecomprimeerde heeft minder grootte in vergelijking met ongecomprimeerde omdat het geen extra witruimtes en opmerkingen heeft. De ongecomprimeerde versie is leesbaar en gemakkelijker te debuggen.
- Download de gecomprimeerde versie.,
- gebruik
<script >om bibliotheek in HTML op te nemen, hetzij in<head>of<body>.
<script src='https://makitweb.com/embed-jquery-html-page/jquery-3.2.1.min.js'></script>
- u kunt ook de beschikbare CDN gebruiken om de bibliotheek op te nemen.
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. Initialiseer
in de webpagina schrijf uw jQuery-code in document ready state in de<script > tag.
voorbeeld
in het voorbeeld gebruikte ik CDN library en bepaalde klik gebeurtenis op de knop., Klik op waarde wijzigen van het tekstvak element.
uitvoer
klik op de knop.
3. Extern bestand
- Maak een nieuw
script.jsbestand aan en plaats het bovenstaande script erop. - neem de
script.jsop na de jQuery-bibliotheek.
script.js
$(document).ready(function(){ $('#button').click(function(){ $('#txt1').val("Button clicked"); });});
index.html
uitvoer
klik op de knop.
4. Conclusie
u kunt de externe jQuery bibliotheek of CDN versie gebruiken om het script op te nemen.,
als u een extern script hebt aangemaakt en er jQuery op hebt gebruikt, moet het na jQuery library script worden opgenomen, anders zou het niet werken en de fout genereren.
als u deze tutorial nuttig vond, vergeet dan niet te delen.