jQuery_cwiczenia_praktyczne_cwjque.pdf

(441 KB) Pobierz
Wszelkie prawa zastrzeżone. Nieautoryzowane rozpowszechnianie całości lub fragmentu
niniejszej publikacji w jakiejkolwiek postaci jest zabronione. Wykonywanie kopii metodą
kserograficzną, fotograficzną, a także kopiowanie książki na nośniku filmowym,
magnetycznym lub innym powoduje naruszenie praw autorskich niniejszej publikacji.
Wszystkie znaki występujące w tekście są zastrzeżonymi znakami firmowymi bądź
towarowymi ich właścicieli.
Autor oraz Wydawnictwo HELION dołożyli wszelkich starań, by zawarte
w tej książce informacje były kompletne i rzetelne. Nie biorą jednak żadnej
odpowiedzialności ani za ich wykorzystanie, ani za związane z tym ewentualne naruszenie
praw patentowych lub autorskich. Autor oraz Wydawnictwo HELION nie ponoszą również
żadnej odpowiedzialności
za ewentualne szkody wynikłe z wykorzystania informacji zawartych w książce.
Redaktor prowadzący: Ewelina Burska
Projekt okładki: Maciej Pasek
Materiały graficzne na okładce zostały wykorzystane za zgodą Shutterstock.
Wydawnictwo HELION
ul. Kościuszki 1c, 44-100 GLIWICE
tel. 32 231 22 19, 32 230 98 63
e-mail: helion@helion.pl
WWW: http://helion.pl (księgarnia internetowa, katalog książek)
Drogi Czytelniku!
Jeżeli chcesz ocenić tę książkę, zajrzyj pod adres
http://helion.pl/user/opinie?cwjque
Możesz tam wpisać swoje uwagi, spostrzeżenia, recenzję.
Kody ?źródłowe ćwiczeń są dostępne pod adresem:
ftp://ftp.helion.pl/przyklady/cwjque.zip
ISBN: 978-83-246-4798-9
Copyright © Helion 2013
Printed in Poland.
•
Kup książkę
•
Poleć książkę
•
Oceń książkę
•
Księgarnia internetowa
•
Lubię to! » Nasza społeczność
Spis tre ci
WstÚp
Rozdziaï 1. Podstawy jQuery
jQuery w kodzie strony
Przykïad prostego skryptu
Tajemniczy znak „$”
Struktura kodu
jQuery a JavaScript
jQuery i inne biblioteki
NarzÚdzia diagnostyczne
5
7
7
9
12
14
20
23
24
Rozdziaï 2. DostÚp do elementów strony
Podstawowe mo liwo ci wyboru
Wybór ze wzglÚdu na hierarchiÚ
DostÚp do wÚzïów potomnych
Wyszukiwanie atrybutów
Obsïuga elementów formularzy
Pozostaïe selektory
27
27
31
35
36
41
44
Rozdziaï 3. Manipulowanie wÚzïami DOM
Zawarto Ê wÚzïa
Wïa ciwo ci i atrybuty
U ywanie funkcji zwrotnych
Tworzenie nowej tre ci
Usuwanie i zamiana wÚzïów
Poruszanie siÚ po drzewie DOM
47
47
53
56
60
65
67
Rozdziaï 4. Obsïuga zdarzeñ
Zdarzenia na stronie WWW
Procedury obsïugi zdarzeñ
Zdarzenia zïo one jQuery
71
71
73
81
Kup książkę
Poleć książkę
4
jQuery • mwiczenia praktyczne
Obiekt zdarzenia
Propagacja zdarzeñ
Usuwanie procedur obsïugi
84
88
91
Rozdziaï 5. Efekty na stronach WWW
Ukrywanie i pokazywanie elementów
Efekty fade-in i fade-out
Rozwijanie elementów
Wïasne animacje (ïÈczenie efektów)
Animowane przemieszczanie elementów
95
95
101
104
108
112
Rozdziaï 6. jQuery i Ajax
Czym jest Ajax?
Pobieranie tre ci z serwera
Dynamiczne generowanie tre ci
Metody $.get i $.post
Monitorowanie postÚpu ïadowania
Obsïuga bïÚdów
Ró ne formaty danych
117
117
118
123
126
134
135
137
Rozdziaï 7. Rozszerzenia
Korzystanie z rozszerzeñ
Nowe metody globalne jQuery
Ingerencja w istniejÈce moduïy
Wïasne funkcje w zasiÚgu globalnym
Funkcje operujÈce na kolekcjach obiektów
143
143
148
153
154
159
Rozdziaï 8. Obsïuga interfejsu za pomocÈ myszy
WspóïrzÚdne kursora myszy
jQuery UI — wygodna obsïuga interfejsu
Przesuwanie i modyfikacja rozmiaru elementów
Zaznaczanie i zmiana kolejno ci elementów
Efekty drag & drop
171
171
176
178
183
189
Rozdziaï 9. Wid ety jQuery UI
Przyciski
Pobieranie daty
Automatyczne uzupeïnianie pól
Okna dialogowe
Zakïadki
193
193
198
202
206
210
Kup książkę
Poleć książkę
5
Efekty na stronach WWW
Ukrywanie i pokazywanie elementów
Na stronie WWW czÚsto u ywa siÚ rozmaitych efektów, które pozwa-
lajÈ na uatrakcyjnienie witryny, ale umo liwiajÈ te uzyskanie ró nych
funkcjonalno ci. Przydatne jest na przykïad ukrywanie i pokazywanie
elementów uzale nione od jakiego zdarzenia, jak choÊby klikniÚcia.
Sïu È do tego metody
show
(pokazywanie) oraz
hide
(ukrywanie). Ka da
z nich (podobnie jak w przypadku innych metod opisywanych w tym
rozdziale) mo e przyjmowaÊ do trzech opcjonalnych argumentów.
Schematy wywoïañ mo na zapisaÊ nastÚpujÈco:
show([czas_efektu])
show(czas_efektu[,
funkcja_ko czæca])
show(czas_efektu[,
funkcja_transformujæca][, funkcja_ko czæca])
Opcjonalno Ê argumentów zostaïa zaznaczona nawiasami kwadrato-
wymi. Wywoïania dla metody
hide
sÈ analogiczne. Funkcja koñczÈca to
funkcja, która zostanie wywoïana, gdy efekt siÚ zakoñczy, natomiast
funkcja transformujÈca to funkcja pozwalajÈca wpïywaÊ na szybko Ê
etapów animacji (te argumenty nie bÚdÈ u ywane w dalszych przy-
kïadach).
Najprostsze wywoïania bÚdÈ miaïy postaÊ:
obiekt.hide();
obiekt.show();
Przy czym
obiekt
to obiekt jQuery opakowujÈcy element bÈd elementy
witryny wybrane za pomocÈ dowolnego selektora. Pierwsza instrukcja
Kup książkę
Poleć książkę

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin