Podam wam podstawowe zasady
korzystania z jQuery na stronie www.
Pierwszy krok
– to wprowadzić bibliotekę jQuery
przy użyciu znacznika "script".
Zanim jednak umieścimy JavaScript
w naszym znaczniku "script",
dodam atrybut "src".
I muszę to połączyć z jakimś URL-em.
Ale z jakim?
Gdybym pracowała na własnym komputerze
i załadowała jQuery do katalogu,
w którym jest moja strona,
mogłabym napisać po prostu "jquery.js".
Ale w Khan Academy to nie zadziała.
Tu jest mi potrzebny URL jQuery
na jakimś serwerze online.
Lista tych URL-ów
znajduje się na stronie jquery.com.
Wkleję tu jeden z nich. Gotowe.
Chcę zwrócić waszą uwagę
na parę spraw związanych z tym URL-em.
Po pierwsze, zaczyna się od "https".
To oznacza, że jest bezpieczny.
Khan Academy pozwala wam
sprowadzać tylko bezpieczne zasoby.
To dobry zwyczaj
w projektowaniu stron!
Po drugie, ten URL znajduje się
na serwerze Google: googleapis.com.
To serwer systemu CDN
(sieci dystrybucji treści)
przystosowany do obsługi plików
statycznych, jak biblioteki JavaScript.
Obsługuje te pliki bardzo szybko.
Ufam temu serwerowi Google.
Zawsze powinniście ufać serwerom,
z których sprowadzacie skrypty,
bo ta operacja niesie potencjalne
zagrożenie dla waszej strony.
Po trzecie, w tym URL-u
zawiera się numer wersji: 2.1.4.
Biblioteka jQuery aktywnie się rozwija.
Często powstają nowe wersje.
Cyfry po lewej stronie oznaczają
znaczące zmiany wersji,
a te po stronie prawej
odnoszą się do wersji mniej istotnych.
Ja używam tu biblioteki jQuery2,
która współpracuje z nowoczesnymi
przeglądarkami oprócz IE 8.
Sami zdecydujcie, której wersji użyjecie
na swojej stronie – zależnie od potrzeb.
Dobrze. Mamy już jQuery.
Teraz użyjmy tej biblioteki
w innym znaczniku "script".
Każda biblioteka JavaScript
wystawia funkcje i nadaje im nazwy.
Te nazwy i opis funkcji
znajdziemy w dokumentacji.
Biblioteka jQuery daje nam
ważną funkcję
o bardzo krótkiej nazwie.
To po prostu znaczek dolara.
Najpierw piszemy ten znaczek,
potem dwa nawiasy
(bo mamy do czynienia z funkcją)
i, oczywiście, średnik.
Miło, że nazwa funkcji jest krótka,
bo będziemy ją przywoływać
bardzo często!
Do funkcji możemy wprowadzić
mnóstwo argumentów,
ale w moim przykładzie
będzie to po prostu ciąg znaków "h1".
Gdy skończę, program każe jQuery
znaleźć wszystkie elementy
"h1" na stronie
i zwrócić je jako obiekt
z kolekcji jQuery.
I teraz mogę przywołać
do obiektu jQuery inne metody,
żeby zmieniać wszystkie
znalezione elementy "h1".
Chcąc zmienić tekst
wewnętrzny w każdym elemencie,
przywołam funkcję "text"
i wprowadzę ciąg znaków.
Już się robi! Tak! Gotowe.
To nasz pierwszy kontakt z jQuery.
Wprowadziliśmy bibliotekę do programu
za pomocą znacznika "script"
i kazaliśmy jej znaleźć
wszystkie "h1" na stronie,
a potem – zmienić w nich tekst.
Oglądajcie kolejne odcinki.
Zagłębimy się w szczegóły,
poznamy sposoby wybierania
i modyfikacji elementów,
dowiemy się, jak używać jQuery
w reakcji na zdarzenia użytkownika…
Będzie też zabawa
przy animacji i efektach.