Gebruik van JQuery
JQuery is een snelle, kleine JavaScript-bibliotheek die is opgenomen in één .js-bestand. Het biedt veel ingebouwde functies waarmee u verschillende taken gemakkelijk en snel kunt uitvoeren. JQuery is een framework gebouwd met behulp van JavaScript-mogelijkheden. Daarom kunt u alle functies en andere beschikbare functies in JavaScript gebruiken.
U kunt elke JavaScript-editor gebruiken om jQuery zoals te schrijven
- Kladblok
- Visuele studio
- Verduistering
- Ultra bewerken
Zowel gecomprimeerde als niet-gecomprimeerde versies van jQuery kunnen gratis van internet worden gedownload. Een gecomprimeerde versie moet worden gebruikt in de productieomgeving, terwijl de niet-gecomprimeerde versie moet worden gebruikt in een ontwikkelomgeving. Gecomprimeerde versie minimaliseert de bibliotheek door extra witruimte, regelinvoer te elimineren en de namen van variabelen en functies in te korten. De gecomprimeerde versie is dus niet leesbaar. Een niet-gecomprimeerde bibliotheek is leesbaar en daarom nuttig bij het opsporen van fouten. Nadat de juiste versie is gedownload, kan er in een bestand naar worden verwezen met een tag.
jQuery kan op twee manieren worden gebruikt
- Lokale installatie: download de jQuery-bibliotheek op uw lokale machine en neem deze op in uw HTML-code.
- Op CDN gebaseerde versie: u kunt de jQuery-bibliotheek rechtstreeks vanuit een inhoudsleveringsnetwerk in uw HTML-code opnemen. Google en Microsoft bieden inhoudslevering voor de nieuwste versie.
Wanneer kan jQuery worden gebruikt?
- JQuery kan worden gebruikt om op Ajax gebaseerde applicaties te ontwikkelen.
- Het kan worden gebruikt om code eenvoudig, beknopt en herbruikbaar te maken.
- Het vereenvoudigt het proces van oversteken van HTML DOM-structuur.
- Het kan ook gebeurtenissen verwerken, animaties uitvoeren en ajax-ondersteuning toevoegen in webapplicaties.
Wanneer u uw pagina in een browser opent en de jQuery-bibliotheek met succes laadt, wordt een algemene functie toegevoegd met de naam jQuery (). Het globale bereik betekent het bereik van het venster, dus de globale jQuery-functie kan overal in uw webpagina worden genoemd zoals window.jQuery () of jQuery (). $ is een alias van de jQuery-functie, dus je kunt $ () ook gebruiken als een korte vorm van jQuery ().
10 Belangrijk gebruik van JQuery
De API van JQuery is goed ontworpen. De functionaliteit is zo compleet dat de laatste paar belangrijke releases van de bibliotheek nauwelijks nieuwe methoden hebben toegevoegd. JQuery speelt extreem goed met andere code. Het breidt geen ingebouwde JavaScript-objecten uit en voegt slechts één symbool toe aan de globale naamruimte. Enkele van de belangrijkste toepassingen van jQuery die in detail worden uitgelegd, zijn:
-
plugins
Een plug-in is een stuk code geschreven in een standaard JavaScript-bestand. Deze bestanden bieden handige jQuery-methoden die kunnen worden gebruikt in combinatie met jQuery-bibliotheekmethoden. Er is een overvloed aan plug-ins op het web die het maken van speciale effecten eenvoudig en snel maken voor webontwikkelaars.
-
DOM-manipulatie
De jQuery maakte het gemakkelijk om DOM-elementen te selecteren, erover te onderhandelen en ze te wijzigen met behulp van een cross-browser open source selector-engine genaamd Sizzle.
-
Ondersteuning voor animaties en AJAX
De jQuery wordt geleverd met veel ingebouwde animatie-effecten. Het helpt je ook veel bij het ontwikkelen van een responsieve en veelzijdige site met behulp van AJAX-technologie. Vandaar dat de meeste webontwikkelaars de voorkeur geven aan het gebruik van jQuery om webpagina's spannender, interactiever, schoner en gebruiksvriendelijker te maken.
-
Ondersteuning voor meerdere browsers
Momenteel is het gebruik van jQuery een populairste JavaScript-bibliotheek die op alle browsers werkt. Het ondersteunt ook CSS3-selectors en standaard syntaxis van het X-pad.
-
Schrijf minder, doe meer
JQuery neemt veel voorkomende taken die veel JavaScript-code vereisen om te volbrengen en verpakt ze in methoden die u kunt oproepen met een enkele coderegel. Dit maakt vijf regels jQuery gelijk aan 25 regels conventionele JavaScript-code. Dit betekent kleinere bestanden en webpagina's sneller laden.
-
Gemak van leren
JQuery vereist geen specifieke vereisten om te leren en is zeer eenvoudig omdat het is gebouwd op een kortere code dan JavaScript. De eenvoudige coderingsstandaarden en coderingssyntaxis, de tijd die nodig is om een website te ontwikkelen en te implementeren, kan aanzienlijk worden verkort. Bovendien hebben de ontwikkelaars geen ontwerptalent nodig of leren ze webontwerp omdat het gebruik van jQuery een overvloed aan ingebouwde plug-ins biedt.
-
Zoekmachine geoptimaliseerd
Sommige jQuery-effecten zijn bijna identiek aan Flash, maar alle inhoud in jQuery is ingesteld als tekst. Dit maakt jQuery kleiner dan een Flash en inhoud is leesbaar door alle bots van zoekmachines.
-
Eenvoudige integratie met Visual Studio IDE
Visual Studio biedt extensies die helpen bij de integratie van jQuery-bibliotheken in .Net-raamwerkprojecten. Deze integratie van JQuery-bibliotheken in .Net framework wordt ondersteund door de Visual Studio 2010-versie. De NuGet-pakketuitbreiding van Visual Studio helpt bij deze integratie. Met behulp van deze integratie wordt de IntelliSense-functie van Visual Studio ingeschakeld. Met deze functie worden alle jQuery-methoden automatisch ingevuld en worden fouten weergegeven waar de syntaxis verkeerd is.
-
Zelfs als JavaScript is uitgeschakeld, wordt er nog een jQuery-element weergegeven
Sommige browsers hadden een vereiste voor het installeren van abode flash, om alle inhoud correct weer te geven. Dit is niet het geval met jQuery. HTML manipuleren DOM is tegenwoordig een dagelijkse praktijk geworden voor het ontwikkelen en wijzigen van webpagina's. Dus zelfs als JavaScript is uitgeschakeld in de browser, wordt inhoud weergegeven.
-
jQuery maakt flash-achtige geanimeerde applicaties
Het kost tijd om Flash te leren en jarenlange ervaring om animaties in Flash te maken, dus het inhuren van Flash-ontwikkelaars is geen goedkope taak. Met het gebruik van jQuery heeft u alleen kennis van JavaScript en HTML nodig om animaties te maken. Er zijn ook heel veel plug-ins die deze taak nog eenvoudiger maken.
Conclusie - Gebruik van JQuery
jQuery is de meest opvallende cross-browser JavaScript-bibliotheek die is samengesteld voor het eenvoudig scripten van HTML op de client. Omdat jQuery op JavaScript is gebouwd, biedt het alle functionaliteiten van JavaScript. We kunnen van bovenstaande punten zeggen dat jQuery een verbeterde versie van JavaScript is. JQuery heeft tonnen indrukwekkende effecten, het wordt vaak gebruikt door webontwerpers om hun ontwerpen veel beminnelijk en elegant te maken. Het minimaliseert taken van webontwikkelaars in grote mate, door directe plug-ins te bieden.
Een van de grootste kracht van jQuery is de grootte van de community. Het is gemakkelijker om ondersteuning te vinden, gemakkelijker om ontwikkelaars te vinden en waarschijnlijker zal het in de toekomst verder worden verbeterd.
Aanbevolen artikelen
Dit is een gids voor het gebruik van jQuery in de echte wereld. Hier hebben we de verschillende toepassingen van jQuery zoals animaties en AJAX-ondersteuning, DOM-manipulatie, enz. Besproken. U kunt ook het volgende artikel bekijken voor meer informatie
- Gebruik van JavaScript
- Toepassingen van Java
- Cheatsheet JQuery
- jQuery querySelector | Voorbeelden voor querySelector
- Top 8 jQuery-selectors met code-implementatie
- Handleiding voor voorbeelden van JQuery-voortgangsbalk