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.