Vad är jQuery

jQuery är ett ramverk, snarare ett omslag runt javascript. jQuery har blivit oerhört viktigt på webben på grund av olika fördelar som att det är extremt lätt jämfört med javascript, lätt att lära sig och implementera. jQuery-sidor laddas mycket snabbt.

HTML, CSS, Javascript är teknologier som förstås av webben. HTML används för att definiera en layout på sidan, CSS för utformning av webbsidorna. Javascript är programmeringsspråket på webben. Uppdatering av innehåll, animationer, en interaktion av webbsidor med en användare, alla dessa, i själva verket, allt styrs av javascript.

jQuery

Varför eller när ska vi leta efter jQuery-alternativ!

Säg att du inte behöver alla metoder som finns i jQuery API och att du bara behöver några av dem, du kan leta efter alternativ. jQuery är cirka 250 kb. Om du letar efter en mindre fil som gör alla dina behov kanske du vill leta efter jQuery Alternatives.

Lista över jQuery-alternativ

Nedan är de olika jQuery-alternativen som är följande:

Javascript:

Trots detta är Native javascript ett av de bästa jQuery-alternativen, det är faktiskt ramen för JS. Javascript är det bästa eftersom alla webbläsare skickas med javascript och du inte behöver installera jQuery i din applikation. Dessutom är JS ett av de bästa alternativen när du var tvungen att ta itu med några mycket gamla webbläsare som bara letade efter vissa versioner av jQuery. Den enda svårigheten att använda den är syntax är inte särskilt vänlig eftersom jQuery tillhandahåller.

Provanvändning:

var element = document.getElementById ("media");

element.classList.add (“min stil”);

Kontanter:

Cash är ett litet plugin (~ 10% storleken på jQuery) som stöder webbläsare över IE10 +. Syntaxen liknar jQuery. Det kanske inte har alla funktioner som jQuery har, men det har nästan alla viktiga grundläggande funktioner som vi skulle behöva.

Provanvändning:

var element = $ (“div”);

$ (element) .attr (attrName, attrValue)

UmbrellaJS:

UmbrellaJS påverkas starkt av jQuery och har få extra funktioner i den och filen är också mycket liten jämfört med mobil. UmbrellaJS stöds av stora webbläsare och IE11 +. I UmbrellaJS kan du använda inbyggda javascriptmetoder på paraplyväljarna, till skillnad från jQuery.

ParaplyJS-syntax liknar jQuery med skillnaden att använda u istället för $

Provanvändning:

u ("knapp"). på ('klicka', funktion () (

alert ("Hej världen");

));

Chibi JS:

ChibiJS är utvecklad för att bli av med den stora storleken på jQuery. ChibiJS är bara cirka 7 kb och har alla väsentliga metoder som mest används. När det gäller webbläsarsupport stöder detta alla moderna till gamla webbläsare. Detta plugin tillhandahåller inte animationer. Chibi utför DOM-manipulationer 20% till 50% snabbare än många bibliotek.

Chibi-syntax liknar jQuery för att respektera det faktum att små och stora bibliotekssyntaxer aldrig bör blandas

Provanvändning:

$ ( ”P”). Hide ()

ZeptoJS:

ZeptoJS kan betraktas som det minimalistiska javascript-biblioteket med hög kompatibilitet med jQuery. Målet med detta bibliotek är inte att tävla med jQuery utan att uppnå det maximala av sitt API med mycket mindre storlek. Storleken på ZeptoJS är bara 5-10 kB och laddar ner och kör mycket snabbare. Stöder alla större webbläsare och IE10 +.

Provanvändning:

$ .CamelCase ( "hej-det)

MooTools:

Mootools är samlingen av javascript-verktygsfunktioner för medium till avancerad javascript-programmerare. Det är en lätt javascript-ram. Dess sammanhängande och robusta API gör det möjligt att skriva stark och flexibel kod. Den har mycket bra dokumentation tillgänglig och API är sammanhängande.

Mootools är fördelaktigt eftersom det låter användaren välja sina egna anpassade komponenter. Det följer objektorienterade metoder .ooTools tillhandahåller förbättringar av DOM som gör det möjligt för utvecklare att lägga till, ändra, ta bort alla DOM-element. Elementlagring finns också i MooTools

Provanvändning:

$$ ('div.foo, div.bar');

var myElement = new Element ('div # bar.foo');

myElement.addEvent ('klicka', funktion () (

alert (klickas "!);

));

ExtJS:

ExtJS står för Extended Javascript. Det är en produkt från Sencha och är baserad på YahooUserInterface. Det är i grunden ett programmeringsspråk för skrivbordsapplikationsutveckling. ExtJS stöds av alla webbläsare som IE6 +, FF, Chrome, Safari, Opera osv. ExtJS är baserat på MVC / MVVM-arkitektur.

ExtJS ger också en fantastisk samling av högpresterande, anpassningsbara widgetar

Provanvändning:

var el = Ext.get ("my-div");

var el = Ext.Element.get ("my-div");

Bortsett från detta finns det många andra små ramverk tillgängliga som kan utföra en uppgift / funktionalitet allt från slut. MicroJS är en webbplats som har många mikroramar tillgängliga. På den här webbplatsen kan vi helt enkelt kontrollera vad vårt krav är och bara använda den ramen.

Rekommenderade artiklar:

Detta har varit en guide till jQuery-alternativ. Här har vi diskuterat Listor över jQuery-alternativ med deras provanvändningar. Du kan också titta på följande artiklar för att lära dig mer:

  1. JavaScript vs JQuery
  2. Hur man installerar JavaScript
  3. Introduktion till JavaScript
  4. jQuery intervjufrågor
  5. jQuery querySelector | Exempel för frågaSelektor
  6. Topp 8 jQuery-väljare med kodimplementering
  7. Guide till exempel på JQuery Progress Bar

Kategori:

Mjukvaruutveckling