JQuery - att lägga till biblioteket

Det finns många olika sätt på vilket du kan lägga till jQuery till din applikation. Det går dels att ladda ner och lägga med direkt i din applikationsfolder. Det går även att använda sig av många olika så kallade CDN:er. Ska du inte bygga din egen customversion av jQuery, brukar det vara bäst att använda sig av en CDN. I exemplen här kommer vi att helt och hållet använda oss av CDN-varianten.

Versioner

Det finns olika versioner av jQuery. Om du vill att din applikation enbart ska kunna köras på riktigt gamla webbläsare, bör du använda jQuery 1.9 eller liknande. Här återfinns stöd för riktigt, riktigt gamla webbläsare – typ Internet Explorer 6 osv. I realiteten är dessa webbläsare mer eller mindre utdöda (eller nära så i alla fall). I de flesta fall kan du strunta i dessa och försöka rikta in dig på modernare webbläsare.

Därmed inte sagt att man helt ska strunta i dem som eventuellt kör en uråldrig webbläsare! Se till att de kan få sig till livs så mycket som möjligt av innehållet i din applikation. Testa gärna din webbapplikation med någon gammal webbläsare. Likaså måste du testa din applikation med en screenreader eller liknande, så du ser att den fungerar OK även för handikappade. Ibland är det inte helt möjligt att uppfylla detta, men det bör vara ett viktigt mål att så många som möjligt kan använda det man skapar – både vad gäller rena sidor, som fullfjädrade webbapplikationer.

Här kommer vi att använda oss av jQuery 2.1.4, vilket i skrivandes stund är den senaste stabila versionen. Kolla dock upp vilken som är den senaste gångbara versionen genom att gå in på | jQuerys sajt. Om möjligt bör man undvika saker som är starkt knutna till en viss version av bibliotek. Då blir det lättare att uppdatera till nyare versionen. Kolla även upp dokumentationen noggrant om någon metod eller liknande är märkt som ”deprecated” betyder det att det är föråldrat och att det antagligen kommer att tas bort i kommande versioner. I det flesta fall betyder detta förstås att det finns ett nytt, bättre sätt att utföra det som den föråldrade funktionaliteten erbjöd. Se till att försöka använda det som är nytt, det är oftast enklare och mer framtidssäkert.

Att inkludera jQuery

Det enklaste sättet att lägga till jQuery i din sida är genom att lägga till följande rad i din webbsida:

<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>

Ovanstående kommer att ladda ned jQuery version 2.1.4 ifrån jQuerys egen CDN. Den laddar ned den minifierade versionen. Detta är fördelaktigt då webbläsaren bara behöver läsa in och behandla så liten kod som möjligt.

Mer än så behövs faktiskt inte och du kan därefter börja använda jQuery i koden som finns på din sida!

Det kan vara värt att notera att URL:en till jQuery har en något annorlunda inledning än du kanske är van med. De dubbla ”//” i början talar om för webbläsaren att resursen ska hämtas med samma protokoll som sidan i sig hämtades med. Om sidan hämtades med http, hämtas även jQuery med detta protokoll och om sidan hämtades med https, så används även detta för att hämta jQuery.

Att säga åt läsaren att hämta jQuery med samma protokoll som sidan hämtades med kan dock ställa till med lite problem. Om du skulle köra din sida/applikation på din egen dator och ladda in den som en fil, kommer webbläsaren att försöka hämta jQuery via ”file://”. Det kommer inte att fungera så bra. Om du vill komma runt det, kan du använda något i stil med:

<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>