jQuery_1_3_Wprowadzenie_jquer1.pdf

(293 KB) Pobierz
jQuery 1.3.
Wprowadzenie
Autorzy: Jonathan Chaffer, Karl Swedberg, John Resig
T³umaczenie: Anna Trojan
ISBN: 978-83-246-2641-0
Tytu³ orygina³u: Learning jQuery 1.3
Format: 170230, stron: 424
Jêzyk JavaScript po blisko piêtnastu latach na rynku dalej ma siê dobrze. Interaktywne
strony, interesuj¹ce efekty oraz technologia AJAX sprawiaj¹, ¿e wci¹¿ jest bardzo
atrakcyjnym narzêdziem, a aplikacje internetowe z ka¿dym rokiem coraz bardziej
zaczynaj¹ przypominaæ te znane z codziennej pracy. Biblioteka jQuery pozwala na jeszcze
wiêcej przy zdecydowanie mniejszym nak³adzie pracy! Niemo¿liwe? Przekonaj siê sam!
W trakcie lektury tej ksi¹¿ki poznasz tajniki biblioteki jQuery oraz atuty, dziêki którym
zyska³a ona tak¹ rzeszê fanów. Autorzy omawiaj¹ wszystkie zagadnienia zwi¹zane z t¹
bibliotek¹. Na samym pocz¹tku nauczysz siê korzystaæ z selektorów oraz zdarzeñ, aby
nastêpnie przejœæ do zaawansowanych tematów zwi¹zanych z AJAX-em oraz edycj¹
drzewa DOM. Rozdzia³ poœwiêcony efektom specjalnym bêdzie jednym z tych, które
pozwol¹ Ci wykrzesaæ jeszcze wiêcej porywaj¹cych efektów z Twojego kodu.
Olœniewaj¹ce galerie, pokazy slajdów, interaktywne formularze s¹ w zasiêgu Twoich
mo¿liwoœci! Pod koniec ksi¹¿ki dowiesz siê, jak wykorzystywaæ dodatki oraz tworzyæ
w³asne. Trzymasz w rêkach d³ugo oczekiwan¹ na polskim rynku pozycjê, poœwiêcon¹
niezwyk³ej bibliotece!
• Przeznaczenie biblioteki jQuery
• Wykorzystanie selektorów
• Wykorzystanie mechanizmu zdarzeñ
• Zdarzenia z³o¿one
• U¿ycie efektów specjalnych
• Modyfikowanie arkuszy CSS „w locie”
• Edycja drzewa DOM
• Metody na ³atwiejsze wykorzystanie technologii AJAX
• Operacje na tabelach
• Praca z formularzami
• Instalowanie oraz wykorzystanie dodatków
• Tworzenie w³asnych dodatków dla jQuery
Uzyskaj jeszcze wiêcej z jêzyka JavaScript!
Spis tre ci
Przedmowa
O autorach
O korektorach
Wprowadzenie
Rozdziaï 1. PoczÈtki
Co robi jQuery
Dlaczego jQuery dziaïa dobrze
Historia projektu jQuery
Nasza pierwsza strona z jQuery
Pobranie jQuery
Utworzenie dokumentu HTML
Dodanie jQuery
Gotowy produkt
Podsumowanie
11
13
15
17
23
23
25
26
27
27
27
30
33
33
Rozdziaï 2. Selektory
DOM
Funkcja fabryczna $()
Selektory CSS
Stylizacja poziomów zagnie d enia listy
Selektory atrybutów
Stylizacja odno ników
Wïasne selektory
Stylizacja co drugiego wiersza
Selektory formularzy
35
35
36
37
38
40
40
42
42
45
Spis tre ci
Metody przechodzenia drzewa DOM
Stylizacja wybranych komórek
Èczenie w ïañcuch
DostÚp do elementów DOM
Podsumowanie
45
46
48
48
49
Rozdziaï 3. Zdarzenia
Wykonywanie zadañ w momencie zaïadowania strony
Czas wykonania kodu
Wiele skryptów na jednej stronie
Skróty poprawiajÈce zwiÚzïo Ê kodu
Wspóïistnienie z innymi bibliotekami
Proste zdarzenia
Prosty przeïÈcznik stylów
Skrótowa obsïuga zdarzeñ
Zdarzenia zïo one
Pokazywanie i ukrywanie zaawansowanych opcji
Wyró nianie elementów, które mo na kliknÈÊ
Podró zdarzenia
Efekty uboczne propagacji zdarzeñ
Zmiana podró y — obiekt zdarzenia
Element docelowy zdarzenia
Zatrzymanie propagacji zdarzeñ
Dziaïania domy lne
Delegacja zdarzeñ
Usuwanie programu obsïugi zdarzeñ
Przestrzenie nazw zdarzeñ
Ponowne dowiÈzanie zdarzenia
Symulacja interakcji z u ytkownikiem
Zdarzenia klawiatury
Podsumowanie
51
51
51
52
53
54
55
55
63
64
64
66
67
69
70
71
71
72
72
75
75
76
78
79
81
Rozdziaï 4. Efekty
Modyfikacja CSS w locie
Proste ukrywanie i pokazywanie
Efekty a szybko Ê
Przyspieszanie
Pojawianie siÚ i znikanie
Efekty zïo one
Tworzenie wïasnych animacji
PrzeïÈczanie znikania
Animacja z u yciem wielu wïa ciwo ci
Efekty jednoczesne a kolejkowane
Praca z jednym zbiorem elementów
Praca z wieloma zbiorami elementów
Funkcje zwrotne
W skrócie
Podsumowanie
83
83
87
90
90
91
91
93
94
94
97
97
100
102
104
104
4
Spis tre ci
Rozdziaï 5. Edycja drzewa DOM
Edycja atrybutów
Atrybuty inne od klas
Jeszcze raz funkcja fabryczna $()
Wstawianie nowych elementów
Przenoszenie elementów
Oznaczenie, ponumerowanie i utworzenie odno nika do kontekstu
Dodanie przypisów dolnych
Opakowanie elementów
Kopiowanie elementów
Klonowanie ze zdarzeniami
Klonowanie cytatów wyrzuconych
Nieco o CSS
Powrót do kodu
UpiÚkszenie cytatów wyrzuconych
Metody edycji drzewa DOM w skrócie
Podsumowanie
105
105
106
108
110
111
115
117
119
120
121
121
122
122
125
126
128
Rozdziaï 6. Ajax
adowanie danych na Èdanie
Dodawanie kodu HTML
Praca z obiektami JavaScriptu
adowanie dokumentu XML
Wybór formatu danych
Przekazywanie danych do serwera
Wykonanie Èdania GET
Wykonanie Èdania POST
Serializacja formularza
¥ledzenie Èdania
Ajax a zdarzenia
Ograniczenia w zakresie bezpieczeñstwa
Wykorzystanie JSONP dla danych zewnÚtrznych
Dodatkowe opcje
Niskopoziomowa metoda Ajaksa
Modyfikacja opcji domy lnych
adowanie czÚ ci strony HTML
Podsumowanie
129
130
131
134
141
144
145
146
149
150
152
155
156
157
158
159
159
160
162
Rozdziaï 7. Przetwarzanie tabel
Sortowanie i podziaï na strony
Sortowanie po stronie serwera
Sortowanie za pomocÈ JavaScriptu
Paginacja po stronie serwera
Paginacja w JavaScripcie
Gotowy kod
165
166
166
167
183
185
190
5
Spis tre ci
Modyfikacja wyglÈdu tabeli
Wyró nianie wierszy
Podpowiedzi
Zwijanie i rozwijanie czÚ ci tabeli
Filtrowanie
Gotowy kod
Podsumowanie
192
192
199
205
207
212
215
Rozdziaï 8. Formularze i ich funkcje
Ulepszenie prostego formularza
Progresywne ulepszanie stylu formularzy
Pola wy wietlane warunkowo
Sprawdzanie poprawno ci formularza
Edycja pól wyboru
Gotowy kod
ZwiÚzïe formularze
Tekst pojemnika na pola formularza
Autouzupeïnianie oparte na Ajaksie
Gotowy kod
Praca z danymi liczbowymi formularza
Struktura tabeli koszyka z zakupami
Odrzucanie danych nieliczbowych
Obliczenia arytmetyczne
Usuwanie elementów
Edycja informacji o wysyïce
Gotowy kod
Podsumowanie
217
217
218
224
227
234
237
239
239
242
250
253
253
256
256
263
267
270
272
Rozdziaï 9. Rotacja i przesuwanie elementów
Rotacja wiadomo ci
Konfiguracja strony
Pobieranie wiadomo ci z kanaïu RSS
Konfiguracja rotacji elementów
Funkcja rotacji wiadomo ci
Pauza po najechaniu myszÈ
Pobieranie wiadomo ci RSS z innej domeny
Gradientowy efekt blakniÚcia
Gotowy kod
Karuzela obrazków
Konfiguracja strony
Przesuwanie obrazków po klikniÚciu
PowiÚkszanie obrazków
Gotowy kod
Podsumowanie
273
274
274
276
279
280
282
285
286
289
290
291
294
301
313
316
6
Zgłoś jeśli naruszono regulamin