jQuery asennus

Lisää jQuery sivullesi

Jos haluat käyttää jQuery:ää, sinun täytyy ladata jQuery-kirjasto (se selitetään alapuolella) ja sisällyttää se haluamaasi sivulle.

jQuery-kirjasto on JavaScript-tiedosto, jonka voit viitata HTML:n <script> -tagilla:

<head>
<script src="jquery.js"></script>
</head>

Huomaa, että <script> -tagi tulisi olla sivun <head> -osassa.

Vinkki:Oletko hämmentynyt, miksi emme käytä type="text/javascript" -attribuuttia <script>-tagin kanssa?

HTML5:ssä sitä ei tarvitse tehdä. JavaScript on HTML5:n ja kaikkien nykyaikaisten selaimien oletusskriptikieli!

Lataa jQuery

jQuery:stä on saatavilla kaksi versiota

  • Tuotantoversio - käytetään todellisissa verkkosivustoissa, on pakattu ja puristettu
  • Kehitysversio - käytetään testaukseen ja kehitykseen (ei pakattu, on luettavaa koodia)

Molemmat versiot ovat saatavilla jQuery.com Lataa.

Vinkki:Voit tallentaa lataamasi tiedoston samaan hakemistoon kuin sivu, mikä tekee siitä helpommin käytettävissä.

Vaihtoehto

Jos et halua ladata ja tallentaa jQuery:tä, voit käyttää sitä myös CDN:n (Content Delivery Network) kautta.

Google ja Microsoftin palvelimet tallentavat jQuery:n.

Jos haluat viitata jQuery:hön Googlesta tai Microsoftista, käytä seuraavaa koodia:

Google CDN:

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
</script>
</head>

Kokeile itse!

Vinkki:Hanki uusin saatavilla oleva versio Google CDN:n kautta:

Jos tarkastat Google URL:ääsi - URL:ssä on määritelty jQuery:n versio (1.8.0). Jos haluat käyttää uusinta jQuery-versiota, voit poistaa numeron version lopusta (esim. tässä tapauksessa 1.8), ja Google palauttaa uusimman käytettävissä olevan version 1.8-j串列(1.8.0, 1.8.1 jne.), tai voit myös jättää vain ensimmäisen numeron, ja Google palauttaa uusimman käytettävissä olevan version 1-j串列(1.1.0 asti 1.9.9).

Microsoft CDN:

<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js">
</script>
</head>

Kokeile itse!

Vinkki:Käyttämällä Googlea tai Microsoftin jQuery:tä on suuri etu:

Monet käyttäjät ovat jo ladanneet jQuery:n Googlesta tai Microsoftista, kun he ovat vieraillut muilla sivustoilla. Tämä tarkoittaa, että kun he vierailevat sivustollasi, jQuery ladataan välimuistista, mikä vähentää latausaikaa. Samalla useimmat CDN:t (Content Delivery Networks) varmistavat, että kun käyttäjät pyytävät tiedostoja, vastaus palautetaan käyttäjän lähimmältä palvelimelta, mikä voi myös nopeuttaa latausta.