Instalacja jQuery w projekcie

 jQuery instalujemy tak samo jak instalujemy zwykłe skrypty JavaScript. Po prostu musimy umiesić w nagłówku head kod. Plik frameworka jQuery ściągamy ze strony www.jquery.com.

<script type="text/javascript" src="ścieżka_i_nazwa_pliku.js"></script>

Na stronie www.jQuery.com możemy znaleźć dwa rodzaje Framework-ów. Jednen przeznaczony do wersji deweloperskiej, a drugi do produkcyjnej. Oba pliki różnią się przedrostkiem „min” w nazwie pliku i ułożeniem kodu w pliku. Plik w wersji deweloperskiej jest przeznaczony do ewentualnej edycji. Natomiast kod produkcyjny używa się już w końcowych i działających aplikacjach. Takiego kodu praktycznie nie da się przeczytać, ponieważ jest on pozbawiony jakichkolwiek zbędnych spacji i akapitów. A to wszystko po to, aby plik mniej zajmował i szybciej się wczytywał. Znaczne różnice można zauważyć dopiero wtedy kiedy stronę odwiedza wiele osób.

Na niektórych stronach można zauważyć że link do Framework jQuery wskazuje na plik na innym serwerze. Robi się tak aby na serwerach hostingowych zmniejszyć ilość transferowanych danych i tak zamiast:

<script type="text/javascript" src="jquery.min.js"></script>

Można użyć:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

Reasumując, plik html z zainstalowanym jQuery w projekcie może wyglądać następująco:

<!doctype html>
<html>
  <head>
   <title>Tytuł strony</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
     </head>
     <body>
       <h1>Witaj wielki Świecie!</h1>
     </body>
</html>

 

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

Connect with Facebook

Możesz użyć następujących tagów oraz atrybutów HTML-a: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>