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

2
00:00:00,470 --> 00:00:03,760
>> Tagapagsalita: Sabihin mapabuti sa oras na huling
halimbawa sa pamamagitan ng paggamit ng isang popular na JavaScript

3
00:00:03,760 --> 00:00:07,520
library na tinatawag na jQuery na magpapahintulot
amin upang linisin ang aming code habang pa rin

4
00:00:07,520 --> 00:00:11,010
pag-iwas sa mga isyu na aming nakatagpo
mas maaga kung saan ang ilang mga code na na sinulat ko

5
00:00:11,010 --> 00:00:15,600
ay pinaandar maaga bago ang
elemento na kailangan ko na umiiral sa isang DOM

6
00:00:15,600 --> 00:00:17,530
talaga umiral.

7
00:00:17,530 --> 00:00:22,120
>> Pansinin dito sa DOM-2.html, mayroon akong
script tag na may isang attribute

8
00:00:22,120 --> 00:00:26,460
ng source na ang halaga ay ang URL ng
pinakabagong bersyon ng library.

9
00:00:26,460 --> 00:00:30,220
Nasa ibaba na mayroon akong hiwalay na script tag
na walang mapagkukunang ngunit kung saan iniwan ko

10
00:00:30,220 --> 00:00:32,590
room upang aktwal na magsulat
ilan sa aking sariling code.

11
00:00:32,590 --> 00:00:36,690
Ang code Gusto kong isulat ay bilang
susunod, $, na kung saan ay talagang lamang

12
00:00:36,690 --> 00:00:40,510
shorthand notation para sa jQuery
mismo, (dokumento).

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

14
00:00:43,330 --> 00:00:46,700
Sa madaling salita, kailangan lang ako ng pagpasa bilang
isang argumento sa isang function na tinatawag na

15
00:00:46,700 --> 00:00:50,690
jQuery ang dokumento, ang pandaigdigang
variable, na ay mayroon na sa loob

16
00:00:50,690 --> 00:00:52,100
ng anumang web page.

17
00:00:52,100 --> 00:00:57,400
>> Pagkatapos ay gawin ipaalam. Handa na, pagtawag ng isang function
o pamamaraan na tumutukoy na

18
00:00:57,400 --> 00:01:01,290
ang mga sumusunod na tipak ng code ay dapat na
ipinatupad lamang ng isang beses ang buong dokumento

19
00:01:01,290 --> 00:01:04,750
ay handa na, partikular na ito
anonymous function na dito.

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

21
00:01:07,450 --> 00:01:14,210
$ "# Demo", na tumutukoy na gusto ko
upang makuha ang elemento mula sa aking DOM

22
00:01:14,210 --> 00:01:16,370
sino ang natatanging identifier ay demo.

23
00:01:16,370 --> 00:01:19,990
At pagkatapos ay sa sandaling nakuha namin na lumalabag, sabihin
magrehistro sa ito ng isang humahawak ng kaganapan para sa

24
00:01:19,990 --> 00:01:25,250
ang isumite ang kaganapan sa pamamagitan ng pagtukoy. isumite,
pagpasa sa na isang hindi nakikilalang

25
00:01:25,250 --> 00:01:29,370
function na Inaasahan ng isang argument
na gagamitin namin tumawag sa kaganapan, na kung saan ay

26
00:01:29,370 --> 00:01:32,230
sa huli lamang ng pagpunta sa maging isang sanggunian
ng mga klase sa aktwal na

27
00:01:32,230 --> 00:01:36,030
kaganapan ng pagsusumite sa loob lang kaso kami ay
i-access na direkta.

28
00:01:36,030 --> 00:01:40,470
>> Samantala, sabihin tukuyin ng bukas suhay at
malapit suhay at sa loob ng mga

29
00:01:40,470 --> 00:01:44,140
tirante, ni aktwal na isulat ang code ipaalam
na namin nais na pinaandar kapag ang form na ito

30
00:01:44,140 --> 00:01:45,210
ay isinumite.

31
00:01:45,210 --> 00:01:54,810
alertuhan "kumusta," at ni pagdugtungin sa ipaalam
sa gayon ay ang resulta ng pagtawag $ "# pangalan"

32
00:01:54,810 --> 00:01:58,880
na tumutukoy na nais kong makuha
ang elemento sa aking mga DOM na kung saan ang mga natatanging

33
00:01:58,880 --> 00:02:00,750
identifier ay pangalan.

34
00:02:00,750 --> 00:02:04,790
At ngayon tumawag ng isang function sa loob ng ipaalam
na bagay na tinatawag na Val kung saan ay makakakuha ng

35
00:02:04,790 --> 00:02:07,370
ang halaga tekstuwal na
ang user ay nai-type in

36
00:02:07,370 --> 00:02:11,270
At ni pagdugtungin sa ipaalam sa gayon, lamang
para masaya, isang exclamation point.

37
00:02:11,270 --> 00:02:14,610
>> Panghuli, sa halip na bumalik lamang maling bilang
ay natin dati, maging ng kaunti pang ipaalam

38
00:02:14,610 --> 00:02:18,750
tahasang at tukuyin na ang naibigay na
sa bagay na kaganapan, nais naming pigilan nito

39
00:02:18,750 --> 00:02:22,480
default na pag-uugali sa pamamagitan ng partikular na pagtawag
isang function o pamamaraan na tinatawag na

40
00:02:22,480 --> 00:02:24,190
maiwasan ang default na tulad ng sumusunod.

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
Hayaan ang i-save ni ngayon ang file at
buksan ito up sa aking browser.

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
>> Mayroong form na iyon.

47
00:02:41,410 --> 00:02:42,720
Ni-input David Hayaan.

48
00:02:42,720 --> 00:02:45,040
Ang pag-click ang Isumite at kumusta,
Si David ay bumalik.

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