jquery. rusz głową! scan, ebooki
[ Pobierz całość w formacie PDF ]
spis
treści
Zaczynamy z jQuery
1
Akcja na stronach internetowych
Chcesz więcej dla swoich stron.
Masz w zanadrzu HTML oraz CSS i chciałbyś
wzbogacić swoje umiejętności o pisanie skryptów, ale nie masz zamiaru spędzić całego
życia, pisząc je wiersz po wierszu. Potrzebujesz biblioteki skryptów, która pozwoli Ci
zmieniać strony internetowe w locie. A skoro wyrażamy już nasze życzenia, to może
dodać jeszcze współpracę z Ajaksem i PHP? Czy da się zrobić w trzech wierszach to,
do czego większość języków po stronie klienta potrzebuje piętnastu? Pobożne życzenia?
W żadnym wypadku! Musisz zapoznać się z jQuery.
Chcesz władać stronami
38
jQuery( )
HTML i CSS są w porządku, ale...
39
…potrzebujesz mocy skryptu
40
Nadchodzi jQuery (i JavaScript)!
41
Spojrzenie do wnętrza przeglądarki
43
$( )
Ukryta struktura strony
44
Dzięki jQuery drzewo DOM nie jest takie straszne
45
Jak
to
działa?
47
jQuery wybiera elementy tak samo jak CSS
49
Stylu, przedstawiam ci skrypt
50
Selektory jQuery do usług
51
jQuery przetłumaczony
52
$( )
Twoja pierwsza fucha w jQuery
56
Skonfiguruj swoje pliki HTML i CSS
60
Wysuń się...
62
Niechaj bladość będzie z Tobą
63
Uratowałeś kampanię Kudłaci Przyjaciele
66
Twój niezbędnik jQuery
69
Słyszałem kliknięcie
przycisku.
Przesuń element
do góry.
Interpreter
JavaScriptu
10
spis
treści
2
Chwytaj i w drogę
Selektory i metody
jQuery pomaga chwytać elementy strony internetowej i robić z nimi różne
rzeczy.
W tym rozdziale zagłębimy się w selektory i metody jQuery. Dzięki selektorom możemy
chwytać elementy na stronie, a metody pozwalają na robienie z nimi rozmaitych sztuczek.
Podobnie jak wielka księga zaklęć magicznych, biblioteka jQuery pozwala nam zmieniać masę
rzeczy w locie. Możemy sprawiać, że obrazy rozpływają się w powietrzu i pojawiają znikąd.
Możemy wybrać określony fragment tekstu i w animowany sposób zmienić rozmiar jego czcionki.
Rozpocznijmy więc pokaz — złapmy kilka elementów strony i do roboty!
„Skacz z radości” potrzebuje Twojej pomocy
72
Jakie są wymogi projektu?
73
Zagłębiamy się w sekcje
75
Zdarzenie click w zbliżeniu
78
Dodaj do strony metodę click
81
Bądź bardziej konkretny
83
Przydzielanie elementów do klas
84
ID-entyfikowanie elementów
85
Pospinaj swoją stronę
88
Tymczasem na naszej liście
91
Tworzenie miejsca w pamięci
92
Łącz za pomocą konkatenacji
93
Tymczasem w naszym kodzie...
94
Wstaw komunikat za pomocą metody append
95
Wszystko działa świetnie, ale...
97
Daj mi $(this)
99
Zaprzęgnij $(this) do pracy
100
Pozbywaj się na dobre za pomocą remove
102
Schodzimy w dół z selektorem potomka
103
Twoja kolej na skakanie z radości
109
Twój niezbędnik jQuery
110
11
spis
treści
Zdarzenia i funkcje jQuery
3
Niech się coś dzieje na Twojej stronie
jQuery ułatwia dodawanie akcji oraz interaktywności do
każdej strony internetowej.
W tym rozdziale przyjrzymy się temu,
jak sprawić, żeby strona reagowała, kiedy użytkownicy wchodzą z nią
w interakcję. Sprawienie, że kod będzie reagował na działania użytkownika,
wyniesie Twoją witrynę na zupełnie nowy poziom. Zajmiemy się też
tworzeniem funkcji wielokrotnego użycia, dzięki czemu kod napiszesz raz,
ale już korzystać z niego będziesz wielokrotnie.
Twoja znajomość jQuery znowu jest potrzebna
112
Słuchacz zdarz
eń
słyszy z
darzenie
i p
rzekazuje je do
...
Facet od pieniędzy ma rację...
113
.
..interpretera
JavaScrip
tu, który
spr
awdza, co trze
ba
zrobić po ka
żdym
zdarze
niu...
Dodawanie zdarzeń na stronę
115
Za kulisami słuchacza zdarzeń
116
Wiązanie zdarzenia
117
Wyzwalanie zdarzenia
118
Usuwanie zdarzenia
122
Weźmy się za bary elementy
126
Struktura Twojego projektu
132
Dodajemy funkcje
136
Śrubki i trybiki funkcji
137
Funkcja anonimowa
138
Funkcje nazwane jako funkcje obsługi zdarzeń
139
Przekazywanie zmiennej do funkcji
142
Funkcja może też zwracać wartość
143
Korzystaj z logiki warunkowej w celu podejmowania decyzji
145
„Skacz z radości” potrzebuje jeszcze większej pomocy
149
Metody mogą zmieniać CSS
151
Dodaj zdarzenie hover
153
To już prawie wszystko...
155
Twój niezbędnik jQuery
158
12
spis
treści
Manipulowanie stroną internetową za pomocą jQuery
4
Zmodyfikuj drzewo DOM
To, że strona skończyła się pobierać, nie znaczy od razu, że musi
ona zachowywać tę samą strukturę.
W rozdziale 1. zobaczyliśmy, jak
podczas wczytywania strony, w celu ustalenia jej struktury, jest konstruowane
drzewo DOM. W bieżącym rozdziale dowiemy się, jak poruszać się w górę i w dół
struktury drzewa DOM i jak pracować z hierarchią elementów oraz relacjami
rodzic – dziecko, aby za pomocą jQuery zmieniać w locie strukturę strony.
Restauracja w Webowicach chce interaktywnego menu
160
Dla wegetarian
161
Poklasyfikuj swoje elementy
166
Pora na przyciski
169
Co teraz?
171
Biegamy po gałęziach drzewa DOM
176
Wspinaczkowe metody przechodzenia drzewa
177
Metody łańcuchowe — aby sięgać jeszcze dalej
178
Zmienne mogą przechowywać też elementy
185
I znowu ten dolar...
186
Poszerz swoje możliwości przechowywania o tablice
187
Przechowuj elementy w tablicy
188
Wymieniaj elementy za pomocą replaceWith
190
Twój
element
Jak może nam pomóc replaceWith?
191
Zastanów się, zanim użyjesz replaceWith
193
replaceWith nie sprawdza się w każdej sytuacji
194
Wstawienie zawartości HTML do drzewa DOM
195
Użyj metod filtrujących w celu zawężenia wyboru (część 1.)
197
Użyj metod filtrujących w celu zawężenia wyboru (część 2.)
198
Przywróć hamburgera
201
A co z mięsem?
202
Treściwa tablica
203
Metoda each przegląda tablice
204
To już wszystko... prawda?
207
Twój niezbędnik jQuery
210
13
[ Pobierz całość w formacie PDF ]