jQuery receptek

Tartalom

1. fejezet
A jQuery alapjai 1
1.0 Bevezetés 1
1.1 A jQuery könyvtár kódjának beépítése egy HTML-oldalba 9
1.2 jQuery/JavaScript-kód végrehajtása a DOM betöltődése után, de a teljes oldalbetöltés előtt 10
1.3 DOM-elemek kiválasztása kijelölők és a jQuery függvény segítségével 13
1.4 DOM-elemek kiválasztása megadott környezeten belül 14
1.5 DOM-elemek burkolóhalmazának szűrése 16
1.6 Leszármazott elemek keresése a jelenleg kijelölt burkolóhalmazban 17
1.7 Visszatérés az előző kijelöléshez destruktív változtatás előtt 19
1.8 Az előző kijelölés belefoglalása a jelenlegi kijelölésbe 20
1.9 A DOM bejárása a jelenlegi környezet alapján DOM-elemek új halmazának kinyeréséhez 21
1.10 DOM-elemek létrehozása, módosítása és beszúrása 22
1.11 DOM-elemek eltávolítása 24
1.12 DOM-elemek cseréje 25
1.13 DOM-elemek klónozása 26
1.14 DOM-elemjellemzők kiolvasása, beállítása és eltávolítása 28
1.15 HTML-tartalom kiolvasása és beállítása 30
1.16 Szövegtartalom kiolvasása és beállítása 31
1.17 A $ álnév használata globális ütközések előidézése nélkül 32
2. fejezet
Elemek kijelölése a jQuery segítségével 33
2.0 Bevezetés 33
2.1 Csak a gyermekelemek kijelölése 34
2.2 Konkrét testvérek kijelölése 36
2.3 Elemek kijelölése sorrend szerint 37
2.4 Éppen mozgó elemek kijelölése 40
2.5 Elemek kijelölése a tartalmuk alapján 40
2.6 Nem illeszkedő elemek kijelölése 41
2.7 Elemek kijelölése a láthatóságuk alapján 42
2.8 Elemek kijelölése jellemzők alapján 43
2.9 Urlapelemek kijelölése típus alapján 44
2.10 Adott tulajdonságokkal rendelkező elemek kijelölése 45
2.11 A környezeti paraméter használata 47
2.12 Egyéni szűrő kijelölő létrehozása 48
3. fejezet
Az alapokon túl 51
3.0 Bevezetés 51
3.1 Az eredményhalmaz bejárása ciklus segítségével 51
3.2 Az eredményhalmaz adott elemre szűkítése 54
3.3 A kijelölt jQuery-objektum átalakítása nyers DOM-objektummá 57
3.4 Elem sorszámának kiolvasása a kijelölésből 60
3.5 Egyedi értéktömb létrehozása meglevő tömbből 62
3.6 Művelet végrehajtása az eredményhalmaz egy részhalmazán 64
3.7 A jQuery beállítása a más könyvtárakkal való ütközés elkerülésére 67
3.8 Kiegészítő lehetőségek hozzáadása bővítményeken keresztül 69
3.9 Az alkalmazott lekérdezés pontos meghatározása 72
4. fejezet
jQuery-segédfüggvények 75
4.0 Bevezetés 75
4.1 Szolgáltatások észlelése a jQuery.support tagfüggvény segítségével 75
4.2 Tömbök és objektumok bejárása a jQuery.each tagfüggvény segítségével 77
4.3 Tömbök szűrése a jQuery.grep tagfüggvény segítségével 78
4.4 Tömbelemek bejárása és módosítása a jQuery.map tagfüggvény segítségével 79
4.5 Tömbök egyesítése a jQuery.merge tagfüggvény segítségével 79
4.6 A többször szereplő tömbelemek kiszűrése a jQuery.unique tagfüggvény segítségével 80
4.7 Visszahívó függvények tesztelése a jQuery.isFunction tagfüggvény segítségével 80
4.8 Szóközök eltávolítása karakterláncokból vagy űrlapértékekből a jQuery.trim tagfüggvény segítségével 81
4.9 Objektumok és adatok hozzákapcsolása a DOM-hoz a jQuery.data tagfüggvény
segítségével 82
4.10 Objektumok bővítése a jQuery.extend tagfüggvény segítségével 83
5. fejezet
Gyorsabban, egyszerűbben, szórakoztatóbban 85
5.0 Bevezetés 85
5.1 Ez nem jQuery, hanem JavaScript! 85
5.2 Mi a baj a $(this) utasítással? 86
5.3 A felesleges ismétlések eltávolítása 89
5.4 A jQuery-láncok formázása 90
5.5 Kódkölcsönzés más könyvtárakból 92
5.6 Egyedi bejáró létrehozása 94
5.7 Jellemző átkapcsolása 97
5.8 A szűk keresztmetszetek megkeresése 99
5.9 A jQuery-objektumok gyorstárazása 103
510 Gyorsabb kijelölők készítése 105
511 Gyorsabb táblázatbetöltés 106
5.12 Egyszerű ciklusok kódolása 109
5.13 A névkeresések számának csökkentése 112
5.14 A DÓM gyorsabb frissítése az .innerHTML tulajdonság segítségével 115
5.15 Hibakeresés? Le a láncokkal! 116
5.16 JQuery-hiba? 118
5.17 Nyomkövetés a jQuery-ben 119
5.18 Kevesebb kiszolgálókérelem 121
5.19 Nem tolakodó JavaScript-kód 124
5 20 Fokozatos finomítás a jQuery segítségével 126
5.21 Az oldalak hozzáférhetővé tétele 128
6. fejezet
Méretezés 133
6.0 Bevezetés 133
6.1 Az ablak és a dokumentum méreteinek meghatározása 133
6.2 Elem méreteinek meghatározása 135
6.3 Elem eltolásának meghatározása 137
6.4 Elem láthatóvá tétele görgetéssel 139
6.5 Elem nézetablakon belüli láthatóságának meghatározása 141
6.6 Elem középre igazítása a nézetablakban 144
6.7 Elem abszolút elhelyezése a jelenlegi helyén 144
6.8 Elem elhelyezése egy másik elemhez viszonyítva 145
6.9 Stíluslap cseréje a böngészőablak szélessége alapján 146
7. fejezet
Különleges hatások 149
7.0 Bevezetés 149
7.1 Elemek be- és kiúsztatása, illetve elhalványítása 151
7.2 Elemek láthatóvá tétele alulról beúsztatással 154
7.3 Vízszintes harmonika létrehozása 155
7.4 Elemek egyidejű beúsztatása és elhalványítása 159
7.5 Hatássorozatok alkalmazása 160
7.6 Éppen animált elemek keresése 162
7.7 Animációk megállítása és újraindítása 163
7.8 Egyedi csillapító tagfüggvények használata a különleges hatásokhoz 164
7.9 Minden különleges hatás letiltása 165
7.10 Haladó különleges hatások használata a jQuery UI segítségével 166
8. fejezet
Események 169
8.0 Bevezetés 169
8.1 Kezelő csatolása több eseményhez 170
8.2 Kezelőfüggvény újrahasznosítása más adatokkal 171
8.3 Teljes eseménykezelő-halmaz eltávolítása 173
8.4 Konkrét eseménykezelők elindítása 174
8.5 Dinamikus adatok átadása az eseménykezelőknek 175
8.6 Elem azonnali (a document.ready előtti) elérése 177
8.7 A kezelő végrehajtási ciklusának leállítása 180
8.8 A megfelelő elem kiolvasása az event.target használatakor 182
8.9 A párhuzamos egéráthaladási animációk elkerülése 183
8.10 Az eseménykezelők működőképessé tétele az újonnan létrehozott elemek esetében 185
9. fejezet
Események haladóknak 189
9.0 Bevezetés 189
9.1 A dinamikusan betöltött jQuery-kódok működőképessé tétele 189
9.2 A globális eseményindítás felgyorsítása 190
9.3 Saját események létrehozása 193
9.4 A szükséges adatok átadása eseménykezelőkön keresztül 196
9.5 Eseményvezérelt bővítmények létrehozása 198
9.6 Értesítés kérése a jQuery-tagfüggvények meghívásáról 202
9.7 Objektum-tagfüggvények használata eseményfigyelőként 205
10. fejezet
HTML-űrlapok finomítása az alapoktól 209
10.0 Bevezetés 209
10.1 Szövegbeviteli mező fókuszba helyezése az oldal betöltésekor 210
10.2 Urlapelemek letiltása és engedélyezése 211
10.3 Választógombok automatikus bejelölése 214
10.4 Minden jelölőnégyzet be- vagy kikapcsolása kijelölt hivatkozások segítségével 216
10.5 Minden jelölőnégyzet be- vagy kikapcsolása egyetlen váltóval 217
10.6 Választási lehetőségek hozzáadása és eltávolítása 219
10.7 Automatikus mezőváltás a karakterek száma alapján 220
10.8 A fennmaradó karakterek számának megjelenítése 222
10.9 A szövegbevitel adott karakterekre korlátozása 224
10.10 Űrlapbenyújtás Ajax segítségével 226
10.11 Űrlapok érvényességének ellenőrzése 227
11. fejezet
HTML-űrlapok finomítása bővítmények segítségével 235
11.0 Bevezetés 235
11.1 Űrlapok érvényességének ellenőrzése 236
11.2 Maszkolt beviteli mezők létrehozása 246
11.3 Szövegmezők automatikus kiegészítése 248
11.4 Értéktartomány kijelölése 249
11.5 Adott tartományra korlátozott érték bevitele 252
11.6 Fájlok feltöltése a háttérben 255
11.7 A szöveges bemenet hosszának korlátozása 256
11.8 Címkék megjelenítése a beviteli mezőkben 257
11.9 A beviteli mezők méretének a tartalomhoz igazítása 259
11.10 Dátumválasztás 260
12. fejezet
jQuery-bővítmények 263
12.0 Bevezetés 263
12.1 Hol találhatunk jQuery-bővítményeket? 263
12.2 Mikor érdemes saját jQuery-bővítményt írni? 265
12.3 Az első saját jQuery-bővítményünk megírása 267
12.4 Kapcsolók átadása a bővítményünknek 268
12.5 A $ rövidítés használata az egyedi bővítményekben 270
12.6 Privát függvények beágyazása saját bővítményekbe 272
12.7 A metadata bővítmény támogatása 273
12.8 Statikus függvény hozzáadása saját bővítményhez 275
12.9 A bővítményünk egységtesztelése a QUnit segítségével 277
13. fejezet
Felületi elemek készítése az alapoktól 279
13.0 Bevezetés 279
13.1 Egyedi buborékszövegek létrehozása 281
13.2 Navigálás fájlfakibontó segítségével 285
13.3 Harmonika kibontása 289
13.4 Dokumentumfülek használata 293
13.5 Egyszerű modális ablak megjelenítése 296
13.6 Lenyíló menük készítése 302
13.7 Áttűnéssel váltakozó képek 305
13.8 Csúszópanelek 310
14. fejezet
Felhasználói felületek kialakítása a jQuery Ul segítségével 315
14.0 Bevezetés 315
14.1 A teljes jQuery UI csomag betöltése 317
14.2 Egy vagy két jQuery Ul-bővítmény betöltése 318
14.3 jQuery Ul-bővítmény betöltése alapértelmezett beállításokkal 319
14.4 jQuery Ul-bővítmény betöltése egyedi beállításokkal 320
14.5 Saját alapértelmezések meghatározása a jQuery Ul-bővítmények számára 321
14.6 jQuery Ul-bővítményparaméterek kiolvasása és beállítása 323
14.7 A jQuery Ul-bővítmények tagfüggvényeinek meghívása 324
14.8 A jQuery Ul-bővítményesemények kezelése 325
14.9 jQuery Ul-bővítmény megsemmisítése 327
14.10 jQuery Ul-zenelejátszó készítése 327
15. fejezet
Formázás jQuery Ul-témákkal 341
15.0 Bevezetés 341
15.1 jQuery Ul-vezérlők formázása a ThemeRoller témáival 346
15.2 A jQuery UI elrendezés- és témastílusainak felülbírálása 359
15.3 Téma alkalmazása nem jQuery Ul-összetevőkre 370
15.4 Hivatkozás több témára egyetlen oldalon 379
15.5 Függelék: További CSS-források 388
16. fejezet
jQuery, Ajax, adatformátumok: HTML, XML, JSON, JSONP 389
16.0 Bevezetés 389
16.1 A jQuery és az Ajax 389
16.2 Az Ajax használata a teljes webhelyen 392
16.3 Egyszerű Ajax használata felhasználói visszajelzéssel 394
16.4 Ajax-rövidítések és -adattípusok használata 398
16.5 HTML-töredékek használata a jQuery-vel 401
16.6 XML DOM-má alakítása 402
16.7 JSON létrehozása 403
16.8 JSON feldolgozása 404
16.9 A JSONP használata a jQuery-vel 405
17. fejezet
A jQuery használata nagy projektekben 409
17.0 Bevezetés 409
17.1 Ügyféloldali tároló használata 409
17.2 Az alkalmazás állapotának mentése egyetlen munkamenet számára 412
17.3 Az alkalmazás állapotának mentése több munkamenet számára 414
17.4 JavaScript-sablonmotor használata 415
17.5 Ajax-kérelmek sorba állítása 418
17.6 Az Ajax és a Vissza gomb 420
17.7 A JavaScript-kód elhelyezése az oldal végén 421
18. fejezet
Egységtesztelés 423
18.0 Bevezetés 423
18.1 Az egységtesztelés automatizálása 423
18.2 A várt és a kapott eredmény összevetése 426
18.3 Szinkron visszahívások tesztelése 427
18.4 Aszinkron visszahívások tesztelése 427
18.5 Felhasználói műveletek tesztelése 429
18.6 A tesztek atomiságának biztosítása 430
18.7 Tesztek csoportosítása 431
18.8 A futtatandó tesztek kiválasztása 432
Tárgymutató 435

Témakörök