jquerg(1).pdf

(3435 KB) Pobierz
967059605.051.png
Kup książkę
Poleć książkę
Oceń książkę
Księgarnia internetowa
967059605.062.png 967059605.073.png 967059605.084.png 967059605.001.png 967059605.002.png 967059605.003.png 967059605.004.png 967059605.005.png 967059605.006.png 967059605.007.png 967059605.008.png 967059605.009.png 967059605.010.png 967059605.011.png 967059605.012.png 967059605.013.png 967059605.014.png 967059605.015.png 967059605.016.png 967059605.017.png 967059605.018.png 967059605.019.png 967059605.020.png 967059605.021.png 967059605.022.png 967059605.023.png 967059605.024.png 967059605.025.png 967059605.026.png 967059605.027.png 967059605.028.png 967059605.029.png 967059605.030.png 967059605.031.png 967059605.032.png 967059605.033.png 967059605.034.png 967059605.035.png 967059605.036.png 967059605.037.png 967059605.038.png 967059605.039.png 967059605.040.png
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
967059605.041.png 967059605.042.png 967059605.043.png 967059605.044.png 967059605.045.png 967059605.046.png 967059605.047.png 967059605.048.png 967059605.049.png 967059605.050.png 967059605.052.png 967059605.053.png 967059605.054.png 967059605.055.png 967059605.056.png 967059605.057.png 967059605.058.png 967059605.059.png 967059605.060.png
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
967059605.061.png 967059605.063.png 967059605.064.png 967059605.065.png 967059605.066.png 967059605.067.png 967059605.068.png 967059605.069.png 967059605.070.png
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
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
967059605.071.png 967059605.072.png 967059605.074.png 967059605.075.png 967059605.076.png 967059605.077.png 967059605.078.png 967059605.079.png 967059605.080.png 967059605.081.png 967059605.082.png 967059605.083.png 967059605.085.png 967059605.086.png 967059605.087.png 967059605.088.png 967059605.089.png
Zgłoś jeśli naruszono regulamin