[ Pobierz całość w formacie PDF ]
Plik jQuery mo na pobra w trzech wersjach. Wybór jednej z nich zale y od tego,
w jaki sposób chcesz u ywa biblioteki. Oto te wersje:
Wersja nieskompresowana. Nieskompresowany plik jQuery zajmuje najwi -
cej miejsca (w wersji jQuery 1.2.6 jest to 97,8 kilobajta). Wersji tej nie nale y
u ywa we w asnej witrynie, ale pomaga ona zrozumie , jak zbudowana jest ta
biblioteka. Kod obejmuje liczne komentarze (zobacz stron 80), które pozwa-
laj pozna przeznaczenie poszczególnych cz ci pliku. Jednak aby zrozumie
te komentarze, trzeba mie du wiedz o j zyku JavaScript.
171
ROZDZIA 5. DYNAMICZNE MODYFIKOWANIE STRON WWW
Biblioteki j zyka
JavaScript
Rysunek 5.5. Zewn trzny plik JavaScript biblioteki jQuery ma trzy wersje. Warto wybra wersj zminimalizowan
(Minified), poniewa zapewnia najlepszy kompromis mi dzy rozmiarem pliku a wydajno ci
Wersja skompresowana. Spakowana biblioteka jQuery zajmuje najmniej miej-
sca (w wersji jQuery 1.2.6 jest to tylko 30,3 kilobajta). Udost pnia te same
funkcje co wersja nieskompresowana, jednak kod JavaScript jest przetworzony
przez zaawansowany program kompresuj cy (http://dean.edwards.name/
packer/), który zmniejsza liczb potrzebnych znaków. Wad tej wersji jest
to, e przegl darka musi rozpakowa plik przy ka dym jego uruchomieniu, co
nieco spowalnia dzia anie strony w porównaniu z wersj nieskompresowan .
Wersja zminimalizowana. W zminimalizowanym pliku jQuery u yto prostszej
metody kompresji ni w pliku skompresowanym, dlatego jest on nieco wi kszy
(w wersji jQuery 1.2.6 zajmuje 54,5 kilobajta). Jednak poniewa wersji zmini-
malizowanej nie trzeba rozpakowywa przy ka dym uruchomieniu, po pobra-
niu dzia a ona nieco szybciej ni plik skompresowany. Ponadto przegl darki
zwykle zapisuj pobrany plik jQuery w pami ci podr cznej, dlatego jego roz-
miar nie jest najwa niejszy. Przegl darka musi pobra bibliotek tylko raz,
a kiedy u ytkownik przejdzie do innej strony witryny, mo na u y dost pnego
ju pliku. Poniewa wersja zminimalizowana jest do ma a i dzia a szybko,
w a nie jej b dziesz u ywa w przyk adach w tej ksi ce.
172
CZ I WPROWADZENIE DO J ZYKA JAVASCRIPT
Pobieranie
elementów strony
Po pobraniu pliku jQuery umie go na przyk ad w katalogu g ównym witryny.
Niektórzy projektanci stron WWW tworz odr bny folder na pliki JavaScript (jego
popularne nazwy to js i libs) i zapisuj w nim bibliotek jQuery, a tak e inne pliki .js.
Wskazówka: Nazwa pliku jQuery z witryny jQuery.com zawiera informacje o numerze wersji i typie
kompresji. Na przyk ad jquery-1.2.6.min.js to plik zminimalizowanej wersji jQuery 1.2.6. Mo esz zmieni
t nazw na prostsz , na przyk ad jquery126.js lub jquery.js.
Aby u y pobranego pliku, trzeba do czy go do strony. Jest to zwyk y zewn trzny
plik .js, dlatego mo na doda go w standardowy sposób, opisany na stronie 35.
Za ó my, e zapisa e plik jquery.js w podkatalogu js katalogu g ównego witryny.
Aby do czy ten plik do strony g ównej, umie w sekcji nag ówkowej poni szy
znacznik :
Po do czeniu pliku jQuery mo na doda w asne skrypty, które korzystaj z zaawan-
sowanych funkcji tej biblioteki. Mo esz na przyk ad do czy zewn trzny plik
JavaScript z w asnym kodem lub wpisa instrukcj w drugim znaczniku :
// Tu kod skryptu.
Pobieranie
elementów strony
Pobieranie elementów strony
podej cie drugie
Na stronie 160 dowiedzia e si , e model DOM udost pnia dwie podstawowe
metody pobierania elementów stron WWW document.getElementById()
i document.getElementsByTagName(). Niestety, te dwie metody maj pewne ogra-
niczenia. Na przyk ad je li zechcesz pobra wszystkie znaczniki klasy navButton,
b dziesz musia najpierw uzyska dost p do ka dego tagu, a nast pnie sprawdzi ,
czy ma odpowiedni klas . Podobny problem wyst puje mi dzy innymi przy pobie-
raniu co drugiego wiersza tabeli, co by o potrzebne w przyk adzie z rozdzia u 1.
Na szcz cie biblioteka jQuery udost pnia bardzo zaawansowan technik pobie-
rania i u ywania kolekcji elementów. W metodzie tej wykorzystano selektory CSS.
Je li u ywasz arkuszy CSS do nadawania stylu witrynom, jeste gotów do korzy-
stania z biblioteki jQuery. Selektor CSS to instrukcja informuj ca przegl dark , do
których znaczników nale y zastosowa styl. Na przyk ad h1 to prosty selektor ele-
mentów, który pozwala do czy styl do wszystkich znaczników , a selektor
klasy .copyright umo liwia nadanie stylu wszystkich tagom, których atrybut class
ma warto copyright:
Copyright, 2009
[ Pobierz całość w formacie PDF ]