1
00:00:00,000 --> 00:00:00,470

2
00:00:00,470 --> 00:00:03,760
>> SPEAKER: Pojďme vylepšit, že poslední
například pomocí populární JavaScript

3
00:00:03,760 --> 00:00:07,520
knihovna s názvem jQuery, které umožní
nám uklidit náš kód, zatímco stále

4
00:00:07,520 --> 00:00:11,010
vyhnout se problému jsme se setkali
dříve, kdy nějaký kód, který jsem napsal

5
00:00:11,010 --> 00:00:15,600
byl proveden předčasně před
prvky potřebné I existovat v DOM

6
00:00:15,600 --> 00:00:17,530
skutečně existovala.

7
00:00:17,530 --> 00:00:22,120
>> Všimněte si, v dom-2.html, mám
Skript již tag s atributem

8
00:00:22,120 --> 00:00:26,460
zdroje, jejichž hodnota je URL
Nejnovější verzi této knihovny.

9
00:00:26,460 --> 00:00:30,220
Níže že mám samostatný skript tag
bez zdroje, ale kde jsem opustil

10
00:00:30,220 --> 00:00:32,590
pokoj skutečně napsat
některé z mé vlastní kód.

11
00:00:32,590 --> 00:00:36,690
Kód Chtěl bych napsat, jak
vyplývá, $, což je opravdu jen

12
00:00:36,690 --> 00:00:40,510
zkrácený zápis pro jQuery
sám, (dokument).

13
00:00:40,510 --> 00:00:43,330

14
00:00:43,330 --> 00:00:46,700
Jinými slovy, já jsem prostě kolem jako
Argument k funkci s názvem

15
00:00:46,700 --> 00:00:50,690
jQuery dokument, globální
proměnná, která již existuje v

16
00:00:50,690 --> 00:00:52,100
z jakékoliv webové stránky.

17
00:00:52,100 --> 00:00:57,400
>> Tak pojďme dělat. Připraven, volání funkce
nebo metoda, která stanoví, že

18
00:00:57,400 --> 00:01:01,290
Následující kus kódu by měla být
proveden pouze jednou v celém dokumentu

19
00:01:01,290 --> 00:01:04,750
je připraven, konkrétně to
anonymní funkce zde.

20
00:01:04,750 --> 00:01:07,450

21
00:01:07,450 --> 00:01:14,210
$ "# Demo", který stanoví, že bych chtěl
získat prvek z mé DOM

22
00:01:14,210 --> 00:01:16,370
který je jedinečný identifikátor je demo.

23
00:01:16,370 --> 00:01:19,990
A pak, jakmile jsme se dostali, že, pojďme
zaregistrujte se s ním obslužnou rutinu události pro

24
00:01:19,990 --> 00:01:25,250
odeslat událost zadáním. předložit,
procházející se, že anonymní

25
00:01:25,250 --> 00:01:29,370
funkce, která očekává jeden parametr
že zavoláme událost, která je

26
00:01:29,370 --> 00:01:32,230
nakonec jen bude reference
druhů na skutečné

27
00:01:32,230 --> 00:01:36,030
podání událost jen v případě, my bychom
Líbí se mi přístup, který přímo.

28
00:01:36,030 --> 00:01:40,470
>> Mezitím, pojďme specifikovat otevřené rovnátka a
V blízkosti ortéza a uvnitř těch

29
00:01:40,470 --> 00:01:44,140
šle, pojďme vlastně psát kód
že chceme provést, když je tato forma

30
00:01:44,140 --> 00:01:45,210
je předložen.

31
00:01:45,210 --> 00:01:54,810
upozornění "ahoj," a pojďme zřetězit na
takže výsledek volání $ "# jméno"

32
00:01:54,810 --> 00:01:58,880
který stanoví, že bych chtěl, aby se
prvek v mém DOM, jehož jedinečný

33
00:01:58,880 --> 00:02:00,750
Identifikátor je název.

34
00:02:00,750 --> 00:02:04,790
A pojďme nyní volat funkci uvnitř
že objekt nazvaný val, který dostane

35
00:02:04,790 --> 00:02:07,370
textová hodnota, která
uživatel zadali palců

36
00:02:07,370 --> 00:02:11,270
A pojďme zřetězit na to, že právě
pro zábavu, vykřičník.

37
00:02:11,270 --> 00:02:14,610
>> Konečně, spíše než jen return false jako
jsme se předtím, buďme trochu více

38
00:02:14,610 --> 00:02:18,750
explicitní a určit, že vzhledem k tomu, že
Objekt události, rádi bychom, aby se zabránilo

39
00:02:18,750 --> 00:02:22,480
výchozí chování specificky volání
funkce nebo metoda volána

40
00:02:22,480 --> 00:02:24,190
zabránit výchozí takto.

41
00:02:24,190 --> 00:02:25,440
event.preventDefault.

42
00:02:25,440 --> 00:02:27,760

43
00:02:27,760 --> 00:02:30,080
Pojďme se nyní soubor uložte a
otevřít ho v prohlížeči.

44
00:02:30,080 --> 00:02:33,240

45
00:02:33,240 --> 00:02:40,120
http://localhost/dom-2.html

46
00:02:40,120 --> 00:02:41,410
>> Tam je to forma.

47
00:02:41,410 --> 00:02:42,720
Pojďme vstup David.

48
00:02:42,720 --> 00:02:45,040
Klepnutím na Odeslat a ahoj,
David je zpátky.

49
00:02:45,040 --> 00:02:48,299