Hoe AJAX jQuery te gebruiken voor HTML5 en CSS3 Programmering - dummies

Hoewel er veel uitstekende AJAX / JavaScript-bibliotheken beschikbaar zijn voor HTML5- en CSS3-programmeurs, is jQuery al snel een van de meest prominente. Hier zijn enkele redenen voor de populariteit van jQuery:

Het is een krachtige bibliotheek. Het jQuery-systeem is ongelooflijk krachtig. Het kan allerlei indrukwekkende dingen doen om uw JavaScript gemakkelijker te schrijven te maken.
Het is lichtgewicht. U moet een verwijzing naar uw bibliotheek opnemen in elk bestand dat dit nodig heeft. De gehele jQuery-bibliotheek past in 55K, wat kleiner is dan veel afbeeldingsbestanden. Het heeft geen significant effect op de downloadsnelheid.
Het ondersteunt een flexibel selectiemechanisme. jQuery vereenvoudigt en vergroot het document aanzienlijk. getElementById-mechanisme dat centraal staat bij DOM-manipulatie.
Het heeft geweldige ondersteuning voor animaties. U kunt jQuery gebruiken om elementen te laten verschijnen en vervagen, verplaatsen en verschuiven.
Het maakt AJAX-zoekopdrachten triviaal. Je zult geschokt zijn over hoe gemakkelijk AJAX is met jQuery.
Het heeft een verbeterd evenementmechanisme. JavaScript heeft zeer beperkte ondersteuning voor evenementen. jQuery voegt een zeer krachtige tool toe voor het toevoegen van event handlers aan bijna elk element.
Het biedt platformonafhankelijke ondersteuning. De jQuery-bibliotheek probeert browser-compatibiliteitsproblemen voor u te beheren, zodat u niet zo veel hoeft te benadrukken over welke browser precies wordt gebruikt.
Het ondersteunt widgets voor gebruikersinterfaces. jQuery wordt geleverd met een krachtige bibliotheek voor gebruikersinterfaces, inclusief hulpmiddelen die HTML niet heeft, zoals besturingselementen voor slepen en neerzetten, schuifregelaars en datumkiezers.
Het is zeer uitbreidbaar. jQuery heeft een plug-inbibliotheek die allerlei optionele functies ondersteunt, waaronder nieuwe widgets en hulpmiddelen zoals audio-integratie, afbeeldingsgalerijen, menu's en nog veel meer.
Het introduceert krachtige nieuwe programmeerideeën. jQuery is een geweldig hulpmiddel om te leren over enkele echt interessante ideeën, zoals functioneel programmeren en te koppelen objecten.
Het is gratis en open source. Het is beschikbaar onder een open-sourcelicentie, wat betekent dat het niets kost om te gebruiken, en u kunt het bekijken en wijzigen als u dat wenst.
Het is redelijk typisch. Als u ervoor kiest om een andere AJAX-bibliotheek te gebruiken, kunt u nog steeds de ideeën overbrengen die u in jQuery hebt geleerd.

Hoe jQuery te installeren> De jQuery-bibliotheek is eenvoudig te installeren en te gebruiken. Volg deze stappen:

Ga naar jQuery. com.

Download de huidige versie.
Momenteel is de meest recente versie 1.10. 2. Er is een 2. X-serie, maar deze versies ondersteunen geen oudere browsers, dus zullen niet worden overgenomen totdat de oudere browsers (met name IE 6 en minder) helemaal niet meer worden gebruikt.

U kunt mogelijk kiezen uit een aantal versies van het bestand. De geminimaliseerde versie wordt aanbevolen voor daadwerkelijk gebruik. Om dit bestand zo klein mogelijk te maken, werd elk onnodig karakter verwijderd. Dit bestand is erg compact, maar moeilijk te lezen. Download de niet-geminimaliseerde versie als u de code daadwerkelijk wilt lezen, maar het is over het algemeen beter om de geminimaliseerde versie op te nemen in uw programma's.

Bewaar het resulterende bestand in uw werkmap.
jQuery-1. 10. 2. min. js is het huidige bestand.

Om de bibliotheek op te nemen in uw pagina's, koppelt u er eenvoudigweg naartoe als een extern JavaScript-bestand:

Zorg ervoor dat u de voorgaande code opneemt voordat u schrijft of andere code invoert die naar jQuery verwijst.

Hoe u jQuery importeert van Google

Eenvoudig als het is om jQuery-ondersteuning toe te voegen, u hebt nog een geweldige manier om jQuery (en andere AJAX-bibliotheek) ondersteuning aan uw pagina's toe te voegen zonder iets te downloaden. Google heeft een openbaar beschikbare versie van verschillende belangrijke bibliotheken (inclusief jQuery) die u kunt downloaden van zijn servers.

Dit heeft een paar interessante voordelen:

U hoeft geen bibliotheken te installeren.

Alle bibliotheekbestanden blijven op de Google-server. De bibliotheek wordt automatisch bijgewerkt.
U hebt altijd toegang tot de nieuwste versie van de bibliotheek zonder uw code te wijzigen. De bibliotheek kan sneller worden geladen.
De eerste keer dat een van uw pagina's de bibliotheek van de servers van Google leest, moet u wachten op de volledige download, maar dan wordt de bibliotheek opgeslagen in een cache (een vorm van browsergeheugen), zodat volgende verzoeken zijn in essentie onmiddellijk. Zo doe je het:

// laad jQuery google. laden ("jQuery", "1"); // uw code hier

Laad de Google API van Google.

Gebruik de eerste tag om naar de Google AJAX API-server te verwijzen. Dit geeft u toegang tot Google. laad () functie.

Roep Google op. laad () om jQuery te laden.
De eerste parameter is de naam van de bibliotheek die u wilt laden.
- De tweede parameter is het versienummer. Als u deze parameter leeg laat, krijgt u de nieuwste versie. Als u een cijfer opgeeft, geeft Google u de nieuwste variant van die versie.
- Houd er rekening mee dat u lokaal geen bestanden hoeft te installeren om de Google-aanpak te gebruiken.

Al deze opties voor het beheren van jQuery kunnen duizelingwekkend zijn. Gebruik de techniek die het beste voor u werkt.