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

2
00:00:00,470 --> 00:00:03,760
>> SIARADWR: Gadewch i ni wella ar hynny ddiwethaf
enghraifft drwy ddefnyddio JavaScript poblogaidd

3
00:00:03,760 --> 00:00:07,520
llyfrgell a elwir yn jQuery a fydd yn caniatáu
i ni lanhau ein cod tra'n dal i

4
00:00:07,520 --> 00:00:11,010
osgoi'r mater yr ydym yn dod ar eu traws
yn gynharach lle mae rhai cod sy'n ysgrifennais

5
00:00:11,010 --> 00:00:15,600
ei ddienyddio yn rhy gynnar cyn yr
elfennau angen i mi bodoli mewn DOM

6
00:00:15,600 --> 00:00:17,530
yn bodoli mewn gwirionedd.

7
00:00:17,530 --> 00:00:22,120
>> Hysbysiad yma yn dom-2.html, mae gennyf
tag sgript eisoes yn nodwedd

8
00:00:22,120 --> 00:00:26,460
o ffynhonnell sy'n werth URL y
fersiwn diweddaraf y llyfrgell hon.

9
00:00:26,460 --> 00:00:30,220
Isod fy mod yn cael tag sgript ar wahân
heb unrhyw ffynhonnell ond lle Rwyf wedi gadael

10
00:00:30,220 --> 00:00:32,590
lle i ysgrifennu mewn gwirionedd yn
rhai o fy god ei hun.

11
00:00:32,590 --> 00:00:36,690
Mae'r cod Hoffwn i ysgrifennu fel
dilyn, $, sydd mewn gwirionedd yn unig

12
00:00:36,690 --> 00:00:40,510
nodiant llaw-fer ar gyfer jQuery
ei hun, (dogfen).

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

14
00:00:43,330 --> 00:00:46,700
Mewn geiriau eraill, yr wyf i'n syml pasio fel
dadl i swyddogaeth o'r enw

15
00:00:46,700 --> 00:00:50,690
jQuery y ddogfen, mae'r byd-eang
amrywiol, sydd eisoes yn bodoli y tu mewn

16
00:00:50,690 --> 00:00:52,100
o unrhyw dudalen ar y we.

17
00:00:52,100 --> 00:00:57,400
>> Yna gadewch i ni wneud. Yn barod, yn galw swyddogaeth
neu ddull sy'n nodi bod

18
00:00:57,400 --> 00:01:01,290
dylai'r darn canlynol o cod yn
gyflawni dim ond unwaith y bydd y ddogfen gyfan

19
00:01:01,290 --> 00:01:04,750
yn barod, yn benodol y
swyddogaeth dienw yma.

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

21
00:01:07,450 --> 00:01:14,210
$ "# Demo", sy'n nodi y byddwn i'n hoffi
i gael yr elfen o fy DOM

22
00:01:14,210 --> 00:01:16,370
sydd wedi dynodwr unigryw yw demo.

23
00:01:16,370 --> 00:01:19,990
Ac yna ar ôl i ni wedi gotten hynny, gadewch i ni
cofrestru ag ef yn driniwr digwyddiad ar gyfer

24
00:01:19,990 --> 00:01:25,250
y cyflwyno digwyddiad drwy bennu. cyflwyno,
trosglwyddo i'r bod dienw

25
00:01:25,250 --> 00:01:29,370
swyddogaeth sy'n disgwyl un ddadl
y bydd y digwyddiad rydym yn galw, sydd yn

26
00:01:29,370 --> 00:01:32,230
yn y pen draw dim ond yn mynd i fod yn gyfeiriad
o ryw fath i'r gwir

27
00:01:32,230 --> 00:01:36,030
digwyddiad cyflwyno dim ond rhag ofn y byddwn wedi
yn hoffi i gael mynediad at hynny yn uniongyrchol.

28
00:01:36,030 --> 00:01:40,470
>> Yn y cyfamser, gadewch i ni nodi Brace agored a
Brace agos ac y tu mewn y rhai

29
00:01:40,470 --> 00:01:44,140
braces, gadewch i ni mewn gwirionedd yn ysgrifennu y cod
ein bod eisiau cyflawni pan fydd y ffurflen hon

30
00:01:44,140 --> 00:01:45,210
yn cael ei gyflwyno.

31
00:01:45,210 --> 00:01:54,810
rybuddio "helo" a gadewch i ni concatenate ar
fel bod y canlyniad galw $ "# Enw'r"

32
00:01:54,810 --> 00:01:58,880
sy'n nodi y byddwn i'n hoffi cael
yr elfen yn fy DOM ei unigryw

33
00:01:58,880 --> 00:02:00,750
dynodwr yn enw.

34
00:02:00,750 --> 00:02:04,790
A gadewch i ni nawr yn galw swyddogaeth tu mewn
y gwrthrych a elwir Val sy'n mynd

35
00:02:04,790 --> 00:02:07,370
gwerth testunol sy'n
y defnyddiwr yn teipio i mewn

36
00:02:07,370 --> 00:02:11,270
A gadewch i ni concatenate ymlaen er mwyn, dim ond
am hwyl, pwynt ebychnod.

37
00:02:11,270 --> 00:02:14,610
>> Yn olaf, yn hytrach na dim ond yn dychwelyd ffug fel
oeddem o'r blaen, gadewch i ni fod ychydig yn fwy

38
00:02:14,610 --> 00:02:18,750
eglur a nodi, o gofio bod
gwrthrych y digwyddiad, byddem yn hoffi i atal ei

39
00:02:18,750 --> 00:02:22,480
ddiofyn ymddygiad drwy ffonio penodol
swyddogaeth neu ddull a elwir yn

40
00:02:22,480 --> 00:02:24,190
atal diofyn fel a ganlyn.

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
Gadewch i ni yn awr yn arbed y ffeil a
agor i fyny yn fy porwr.

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
>> Mae y ffurflen honno.

47
00:02:41,410 --> 00:02:42,720
Gadewch i mewnbwn David.

48
00:02:42,720 --> 00:02:45,040
Clicio Cyflwyno a helo,
Mae David yn ôl.

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