JQuery - att lägga till biblioteket - Versionshistorik

PGJ den 31 oktober 2020 kl. 12.28

2020-10-31T12:28:04Z

← Äldre version		Versionen från 31 oktober 2020 kl. 12.28
Rad 16:		Rad 16:
	== Att inkludera jQuery ==		== 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:		Det enklaste sättet att lägga till jQuery i din sida är genom att lägga till följande rad i din webbsida:
	~~<div class="well well-cyanide-light">~~
	<syntaxhighlight lang="html5">		<syntaxhighlight lang="html5">
	<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>		<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
	</syntaxhighlight>		</syntaxhighlight>
	~~</div>~~

	Ovanstående kommer att ladda ned jQuery version 3.3.1 ifrån jQuerys egen [[CDN]]. Vill du ha en annan version är det bara att ange det korrekta versionsnumret. I exemplet laddar vi ned den [[minifiera]]de versionen. Detta är fördelaktigt då webbläsaren behöver läsa in och behandla så lite kod som möjligt.		Ovanstående kommer att ladda ned jQuery version 3.3.1 ifrån jQuerys egen [[CDN]]. Vill du ha en annan version är det bara att ange det korrekta versionsnumret. I exemplet laddar vi ned den [[minifiera]]de versionen. Detta är fördelaktigt då webbläsaren behöver läsa in och behandla så lite kod som möjligt.
Rad 32:		Rad 30:
	<div class="well well-warning">		<div class="well well-warning">
	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 ”<code>file://</code>”. Det kommer inte att fungera så bra. Om du vill komma runt det, kan du använda något i stil med:		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 ”<code>file://</code>”. Det kommer inte att fungera så bra. Om du vill komma runt det, kan du använda något i stil med:
	~~<div class="well well-cyanide-light">~~
	<syntaxhighlight lang="html5">		<syntaxhighlight lang="html5">
	<script src="http://code.jquery.com/jquery-3.3.1.min.js"></script>		<script src="http://code.jquery.com/jquery-3.3.1.min.js"></script>
	</syntaxhighlight>		</syntaxhighlight>
	~~</div>~~
	</div><!-- end well -->		</div><!-- end well -->

PGJ: /* Att inkludera jQuery */

2019-02-12T07:50:47Z

Att inkludera jQuery

← Äldre version		Versionen från 12 februari 2019 kl. 07.50
Rad 32:		Rad 32:
	<div class="well well-warning">		<div class="well well-warning">
	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 ”<code>file://</code>”. Det kommer inte att fungera så bra. Om du vill komma runt det, kan du använda något i stil med:		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 ”<code>file://</code>”. Det kommer inte att fungera så bra. Om du vill komma runt det, kan du använda något i stil med:
			<div class="well well-cyanide-light">
	<syntaxhighlight lang="html5">		<syntaxhighlight lang="html5">
	<script src="http://code.jquery.com/jquery-3.3.1.min.js"></script>		<script src="http://code.jquery.com/jquery-3.3.1.min.js"></script>
	</syntaxhighlight>		</syntaxhighlight>
			</div>
	</div><!-- end well -->		</div><!-- end well -->

PGJ: /* Att inkludera jQuery */

2019-02-12T07:50:22Z

Att inkludera jQuery

← Äldre version		Versionen från 12 februari 2019 kl. 07.50
Rad 16:		Rad 16:
	== Att inkludera jQuery ==		== 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:		Det enklaste sättet att lägga till jQuery i din sida är genom att lägga till följande rad i din webbsida:
			<div class="well well-cyanide-light">
	<syntaxhighlight lang="html5">		<syntaxhighlight lang="html5">
	<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>		<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
	</syntaxhighlight>		</syntaxhighlight>
			</div>

	Ovanstående kommer att ladda ned jQuery version 3.3.1 ifrån jQuerys egen [[CDN]]. Vill du ha en annan version är det bara att ange det korrekta versionsnumret. I exemplet laddar vi ned den [[minifiera]]de versionen. Detta är fördelaktigt då webbläsaren behöver läsa in och behandla så lite kod som möjligt.		Ovanstående kommer att ladda ned jQuery version 3.3.1 ifrån jQuerys egen [[CDN]]. Vill du ha en annan version är det bara att ange det korrekta versionsnumret. I exemplet laddar vi ned den [[minifiera]]de versionen. Detta är fördelaktigt då webbläsaren behöver läsa in och behandla så lite kod som möjligt.
Rad 36:		Rad 38:

	Det kan dock vara en bra idé att använda sig av "<code>//</code>"-varianten i den slutliga versionen, så att resursen laddas med det mest passande protokollet.		Det kan dock vara en bra idé att använda sig av "<code>//</code>"-varianten i den slutliga versionen, så att resursen laddas med det mest passande protokollet.

	== Nästa aktivitet ==		== Nästa aktivitet ==
	Nu har vi gjort så att jQuery är tillgängligt i vår webbsida och det är dags att börja använda oss av det...		Nu har vi gjort så att jQuery är tillgängligt i vår webbsida och det är dags att börja använda oss av det...

PGJ: /* Kort om exemplen */

2019-02-10T09:23:21Z

Kort om exemplen

← Äldre version		Versionen från 10 februari 2019 kl. 09.23
Rad 36:		Rad 36:

	Det kan dock vara en bra idé att använda sig av "<code>//</code>"-varianten i den slutliga versionen, så att resursen laddas med det mest passande protokollet.		Det kan dock vara en bra idé att använda sig av "<code>//</code>"-varianten i den slutliga versionen, så att resursen laddas med det mest passande protokollet.
	~~== Kort om exemplen ==~~
	~~I CodePen-exemplen kommer vi inte att ha med koden för att inkludera jQuery. Biblioteket inkluderas automatiskt och för att hålla exemplen så rena som möjligt utelämnas "onödig" kod.~~

	== Nästa aktivitet ==		== Nästa aktivitet ==
	Nu har vi gjort så att jQuery är tillgängligt i vår webbsida och det är dags att börja använda oss av det...		Nu har vi gjort så att jQuery är tillgängligt i vår webbsida och det är dags att börja använda oss av det...

PGJ: /* Att inkludera jQuery */

2019-02-10T09:23:10Z

Att inkludera jQuery

← Äldre version		Versionen från 10 februari 2019 kl. 09.23
Rad 36:		Rad 36:

	Det kan dock vara en bra idé att använda sig av "<code>//</code>"-varianten i den slutliga versionen, så att resursen laddas med det mest passande protokollet.		Det kan dock vara en bra idé att använda sig av "<code>//</code>"-varianten i den slutliga versionen, så att resursen laddas med det mest passande protokollet.
			== Kort om exemplen ==
	I CodePen-exemplen kommer vi inte att ha med koden för att inkludera jQuery. Biblioteket inkluderas automatiskt och för att hålla exemplen så rena som möjligt utelämnas "onödig" kod.		I CodePen-exemplen kommer vi inte att ha med koden för att inkludera jQuery. Biblioteket inkluderas automatiskt och för att hålla exemplen så rena som möjligt utelämnas "onödig" kod.

PGJ: /* Att inkludera jQuery */

2019-02-10T09:22:49Z

Att inkludera jQuery

← Äldre version		Versionen från 10 februari 2019 kl. 09.22
Rad 36:		Rad 36:

	Det kan dock vara en bra idé att använda sig av "<code>//</code>"-varianten i den slutliga versionen, så att resursen laddas med det mest passande protokollet.		Det kan dock vara en bra idé att använda sig av "<code>//</code>"-varianten i den slutliga versionen, så att resursen laddas med det mest passande protokollet.

			I CodePen-exemplen kommer vi inte att ha med koden för att inkludera jQuery. Biblioteket inkluderas automatiskt och för att hålla exemplen så rena som möjligt utelämnas "onödig" kod.

	== Nästa aktivitet ==		== Nästa aktivitet ==

PGJ: /* Att inkludera jQuery */

2018-10-01T07:33:37Z

Att inkludera jQuery

← Äldre version		Versionen från 1 oktober 2018 kl. 07.33
Rad 31:		Rad 31:
	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 ”<code>file://</code>”. Det kommer inte att fungera så bra. Om du vill komma runt det, kan du använda något i stil med:		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 ”<code>file://</code>”. Det kommer inte att fungera så bra. Om du vill komma runt det, kan du använda något i stil med:
	<syntaxhighlight lang="html5">		<syntaxhighlight lang="html5">
	<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>		<script src="http://code.jquery.com/jquery-3.3.1.min.js"></script>
	</syntaxhighlight>		</syntaxhighlight>
	</div><!-- end well -->		</div><!-- end well -->

PGJ: /* Att inkludera jQuery */

2018-10-01T07:33:24Z

Att inkludera jQuery

← Äldre version		Versionen från 1 oktober 2018 kl. 07.33
Rad 17:		Rad 17:
	Det enklaste sättet att lägga till jQuery i din sida är genom att lägga till följande rad i din webbsida:		Det enklaste sättet att lägga till jQuery i din sida är genom att lägga till följande rad i din webbsida:
	<syntaxhighlight lang="html5">		<syntaxhighlight lang="html5">
	<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>		<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
	</syntaxhighlight>		</syntaxhighlight>

	Ovanstående kommer att ladda ned jQuery version 2.1.4 ifrån jQuerys egen [[CDN]]. Vill du ha en annan version är det bara att ange det korrekta versionsnumret. I exemplet laddar vi ned den [[minifiera]]de versionen. Detta är fördelaktigt då webbläsaren behöver läsa in och behandla så lite kod som möjligt.		Ovanstående kommer att ladda ned jQuery version 3.3.1 ifrån jQuerys egen [[CDN]]. Vill du ha en annan version är det bara att ange det korrekta versionsnumret. I exemplet laddar vi ned den [[minifiera]]de versionen. Detta är fördelaktigt då webbläsaren behöver läsa in och behandla så lite 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!		Mer än så behövs faktiskt inte och du kan därefter börja använda jQuery i koden som finns på din sida!

PGJ: /* Versioner */

2018-10-01T07:33:05Z

Versioner

← Äldre version		Versionen från 1 oktober 2018 kl. 07.33
Rad 8:		Rad 8:
	</div><!-- end well -->		</div><!-- end well -->

	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å [http://jquery.com/ jQuerys sajt]. Om möjligt bör man undvika saker som är starkt knutna till en viss version av ett bibliotek. Då blir det lättare att uppdatera till nyare versionen.		Här kommer vi att använda oss av jQuery 3.3.1 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å [http://jquery.com/ jQuerys sajt]. Om möjligt bör man undvika saker som är starkt knutna till en viss version av ett bibliotek. Då blir det lättare att uppdatera till nyare versionen.

	<div class="well well-warning">		<div class="well well-warning">

PGJ: /* Att inkludera jQuery */

2016-06-07T08:07:44Z

Att inkludera jQuery

← Äldre version		Versionen från 7 juni 2016 kl. 08.07
Rad 20:		Rad 20:
	</syntaxhighlight>		</syntaxhighlight>

	Ovanstående kommer att ladda ned jQuery version 2.1.4 ifrån jQuerys egen [[CDN]]. ~~Den~~ laddar ned den [[minifiera]]de versionen. Detta är fördelaktigt då webbläsaren ~~bara~~ behöver läsa in och behandla så ~~liten~~ kod som möjligt.		Ovanstående kommer att ladda ned jQuery version 2.1.4 ifrån jQuerys egen [[CDN]]. Vill du ha en annan version är det bara att ange det korrekta versionsnumret. I exemplet laddar vi ned den [[minifiera]]de versionen. Detta är fördelaktigt då webbläsaren behöver läsa in och behandla så lite 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!		Mer än så behövs faktiskt inte och du kan därefter börja använda jQuery i koden som finns på din sida!

	<div class="well well-meadow">		<div class="well well-meadow">
	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 ”<code>//</code>” 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.		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 ”<code>//</code>” 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.
	</div><!-- end well -->		</div><!-- end well -->