JQuery - introduktion: Skillnad mellan sidversioner

Nuvarande version från 7 juni 2016 kl. 10.01

Ett av de vanligast förekommande JavaScript-biblioteken är jQuery – vilket du kan finna på; jQuery.com. jQuery samlar mycket funktionalitet i ett och samma bibliotek. Här finns alltifrån hjälpfunktioner för 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 i 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 såna som utökar funktionaliteten i jQuery-biblioteket, dels finns det det mer fristående komponenter. Det senare kan vara alltifrån bildkaruseller till fullfjädrade textredigerare.

Den grupp som skapat jQuery har även andra sidoprojekt som bygger ut bibliotekets funktionalitet. Ett exempel på detta är jQuery Mobile som innehåller massvis med komponenter som gör det enklare att skapa applikationer ämnade att köras på surfplattor och telefoner.

Backlash

På senare tid har det kommit en hel del backlash mot jQuery. Vissa 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 det många olikheter och knepigheter som än idag finns i vissa webbläsare. Den gör att du på koda på ett likformigt sätt , utan att behöva bry dig om de skillnader som 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.

Kommande sektioner...

Vi kommer nu att gå igenom grunderna i jQuery, så att du kan använda biblioteket. 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".

Nästa aktivitet

jQuery - att lägga till biblioteket

@@ Rad 1: / Rad 1: @@
-Ett av de vanligast förekommande JavaScript-biblioteken är [[jQuery]] – vilket du kan finna på; [https://jquery.com/ 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.
+Ett av de vanligast förekommande JavaScript-biblioteken är [[jQuery]] – vilket du kan finna på; [http://jquery.com/ jQuery.com]. jQuery samlar mycket funktionalitet i ett och samma bibliotek. Här finns alltifrån hjälpfunktioner för 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 i 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==
+==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 [https://jquerymobile.com/ 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å; [https://jquerymobile.com/ jQueryMobile.com].
+Det finns en uppsjö av plugins som är baserade på [[jQuery]]. Dels finns det såna som utökar funktionaliteten i [[jQuery]]-biblioteket, dels finns det det mer fristående komponenter. Det senare kan vara alltifrån bildkaruseller till fullfjädrade textredigerare.
+Den grupp som skapat [[jQuery]] har även andra sidoprojekt som bygger ut bibliotekets funktionalitet. Ett exempel på detta är [https://jquerymobile.com/ jQuery Mobile] som innehåller massvis med komponenter som gör det enklare att skapa applikationer ämnade att köras på surfplattor och telefoner.
-<div class="well well-danger">
 ==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.
+<div class="well well-warning">
-</div>
+På senare tid har det kommit en hel del backlash mot [[jQuery]]. Vissa 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 det många olikheter och knepigheter som än idag finns i vissa webbläsare. Den gör att du på koda på ett likformigt sätt , utan att behöva bry dig om de skillnader som 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><!-- end well -->
+== Kommande sektioner... ==
+Vi kommer nu att gå igenom grunderna i [[jQuery]], så att du kan använda biblioteket. 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]]".
+== Nästa aktivitet ==
+[[jQuery - att lägga till biblioteket]]
-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!
+[[Category: jQuery|J1]]
+[[Category: JavaScript|J1]]
-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.
+__FORCETOC__
-== Nästa aktivitet ==
-[[Att lägga till jQuery]]