JQuery - introduktion: Skillnad mellan sidversioner
PGJ (diskussion | bidrag) Ingen redigeringssammanfattning |
PGJ (diskussion | bidrag) Ingen redigeringssammanfattning |
||
| Rad 8: | Rad 8: | ||
På senare tid har det kommit en hel del backlash mot [[jQuery]]. Många tycker att det är för stort och att det mesta som går att göra med det är relativt lätt att göra med ”vanliga” JavaScript (eller "Vanilla JavaScript", som det brukar kallas) och den funktionalitet som finns inbyggd i webbläsarna. Det finns ett visst fog för denna kritik, dock så erbjuder [[jQuery]] mer än man tror. Dels löser den många olikheter och knepigheter som än idag finns i många webbläsare. Den gör att du på ett likformigt sätt kan utföra olika saker, utan att bry dig om de skillnader som ofta finns mellan olika webbläsare. Det är även möjligt att bygga ett specialutformat [[jQuery]]-bibliotek, där man enbart tar med det man vill ha. På så vis kan man få ner storleken rejält och enbart plocka russinen ur kakan. Vad man än tycker, så är det bra att ha kunskap om hur [[jQuery]] fungerar, då det är så vanligt förekommande. | På senare tid har det kommit en hel del backlash mot [[jQuery]]. Många tycker att det är för stort och att det mesta som går att göra med det är relativt lätt att göra med ”vanliga” JavaScript (eller "Vanilla JavaScript", som det brukar kallas) och den funktionalitet som finns inbyggd i webbläsarna. Det finns ett visst fog för denna kritik, dock så erbjuder [[jQuery]] mer än man tror. Dels löser den många olikheter och knepigheter som än idag finns i många webbläsare. Den gör att du på ett likformigt sätt kan utföra olika saker, utan att bry dig om de skillnader som ofta finns mellan olika webbläsare. Det är även möjligt att bygga ett specialutformat [[jQuery]]-bibliotek, där man enbart tar med det man vill ha. På så vis kan man få ner storleken rejält och enbart plocka russinen ur kakan. Vad man än tycker, så är det bra att ha kunskap om hur [[jQuery]] fungerar, då det är så vanligt förekommande. | ||
</div> | </div> | ||
Vi kommer nu att gå igenom grunderna i [[jQuery]], så att du kan använda biblioteket. Man kan om man vill enbart använda delar av [[jQuery]], t.ex. om man vill kunna bygga en egen, minimal variant av bibliotektet. Men, börjar du använda [[jQuery]] för en del av din kod, är det lika bra att se till att använda så mycket som möjligt av det. Det finns ingen större idé med att enbart använda [[AJAX]]-biten, men strunta i [[DOM-]]funktionerna. När du väl lagt till biblioteket, kan du lika väl använda det fullt ut! | |||
Följande sektioner kommer att kräva att du kan lite grundläggande [[JavaScript]]. Om du inte redan gjort det, passa på att läsa igenom [[Lär dig mer om JavaScript]]. Även om du inte kan JavaScript så bra, du kanske kan lite om något annat programmeringsspråk, så bör det gå bra att hänga med i [[jQuery]]-materialet. | |||
== Nästa aktivitet == | |||
[[Att lägga till jQuery]] | |||
Versionen från 29 december 2015 kl. 11.33
Ett av de vanligast förekommande JavaScript-biblioteken är jQuery – vilket du kan finna på; jQuery.com. Det samlar mycket funktionalitet i ett relativt litet bibliotek. Här finns alltifrån hjälpfunktioner till att söka i DOM till stöd för AJAX och dylikt. jQuery erbjuder inte bara extrafunktionalitet, det fixar även många problem och konstigheter som kan förekomma när man ska skriva kod som ska fungera på många olika webbläsare. Istället för att hålla på att prova dig fram och behöva läsa in dig på vilka skillnader som finns i olika webbläsare, kan du koncentrera dig på att skriva din applikation.
Plugins och påbyggnad
Det finns en uppsjö av plugins som är baserade på jQuery. Dels finns det de som utökar jQuery-biblioteket, dels finns det de som är mer fristående och ger extra komponenter som går att använda i webbsidor. Det senare kan ara allt ifrån bildkaruseller till hela textredigerare. Den grupp som skapar jQuery har även andra sidoprojekt som bygger ut bibliotekets funktionalitet extra. Ett exempel på detta är jQuery Mobile som innehåller massvis med saker som gör det enklare att skapa applikationer ämnade att köra på surfplattor och telefoner – detta projekt återfinns på; jQueryMobile.com.
Backlash
På senare tid har det kommit en hel del backlash mot jQuery. Många tycker att det är för stort och att det mesta som går att göra med det är relativt lätt att göra med ”vanliga” JavaScript (eller "Vanilla JavaScript", som det brukar kallas) och den funktionalitet som finns inbyggd i webbläsarna. Det finns ett visst fog för denna kritik, dock så erbjuder jQuery mer än man tror. Dels löser den många olikheter och knepigheter som än idag finns i många webbläsare. Den gör att du på ett likformigt sätt kan utföra olika saker, utan att bry dig om de skillnader som ofta finns mellan olika webbläsare. Det är även möjligt att bygga ett specialutformat jQuery-bibliotek, där man enbart tar med det man vill ha. På så vis kan man få ner storleken rejält och enbart plocka russinen ur kakan. Vad man än tycker, så är det bra att ha kunskap om hur jQuery fungerar, då det är så vanligt förekommande.
Vi kommer nu att gå igenom grunderna i jQuery, så att du kan använda biblioteket. Man kan om man vill enbart använda delar av jQuery, t.ex. om man vill kunna bygga en egen, minimal variant av bibliotektet. Men, börjar du använda jQuery för en del av din kod, är det lika bra att se till att använda så mycket som möjligt av det. Det finns ingen större idé med att enbart använda AJAX-biten, men strunta i DOM-funktionerna. När du väl lagt till biblioteket, kan du lika väl använda det fullt ut!
Följande sektioner kommer att kräva att du kan lite grundläggande JavaScript. Om du inte redan gjort det, passa på att läsa igenom Lär dig mer om JavaScript. Även om du inte kan JavaScript så bra, du kanske kan lite om något annat programmeringsspråk, så bör det gå bra att hänga med i jQuery-materialet.