DOUG LLOYD: Bu video, biz ist蓹yirdik ayr谋-ayr谋 diqq蓹t s蓹sl蓹nir蓹m
bir 莽ox x眉susi etm蓹k JavaScript element
laz谋ml谋 ola bil蓹r ki, zaman ba艧lan臒谋c edirik
web pages manipulyasiya i艧l蓹m蓹k v蓹 web page m蓹zmununu d蓹yi艧蓹n
Tez.
V蓹 anlay谋艧谋 var Document Object Model.
Kimi Bel蓹likl蓹, biz bizim video g枚rd眉m JavaScript, obyektl蓹rin 莽ox 莽evik edir.
>> Onlar m眉xt蓹lif sah蓹l蓹ri ola bil蓹r.
V蓹 biz bir 莽ox daxil etm蓹yib, baxmayaraq 蓹trafl谋, h蓹min sah蓹l蓹rd蓹 v蓹 ya xass蓹l蓹ri,
ki, biz y蓹qin ki, daha olard谋 m眉vafiq onlara z蓹ng
h蓹tta bir obyekt kontekstind蓹 o xass蓹l蓹ri dig蓹r obyektl蓹rin ola bil蓹r.
V蓹 h蓹min obyektl蓹rin daxili dig蓹r obyektl蓹rin ola bil蓹r.
>> Bu 莽ox b枚y眉k obyekt var dig蓹r obyektl蓹rin bir 莽ox
bunun i莽蓹risind蓹 olan sort b枚y眉k bir a臒ac bu fikri yarad谋r.
陌ndi s蓹n蓹d obyekt bir JavaScript 莽ox x眉susi obyekt
ki, b眉t眉n web t蓹艧kil 莽蓹tir bu c眉r alt谋nda s蓹hif蓹
bir obyekt.
V蓹 bel蓹 s蓹n蓹din daxili object t蓹qdim obyektl蓹ri
Sizin web page ba艧 v蓹 b蓹d蓹n.
>> O Inside dig蓹r var obyektl蓹ri, Et Cetera, Et Cetera,
b眉t眉n web page var q蓹d蓹r bu b枚y眉k obyekt t蓹艧kil olunub.
Alt-眉st sa臒, burada n蓹 var?
B蓹li, biz i艧l蓹m蓹k 眉莽眉n nec蓹 JavaScript obyektl蓹ri il蓹.
>> Biz bir obyekt varsa Bel蓹 ki, ki, bizim b眉t眉n web page aiddir
d眉zg眉n axtararaq dem蓹kdir 眉sullar谋 obyekt manipulyasiya
v蓹 ya m眉蓹yy蓹n de臒i艧tirmeyle onun xass蓹l蓹ri, biz
elementl蓹ri d蓹yi艧蓹 bil蓹rsiniz Bizim s蓹hif蓹 program
JavaScript istifad蓹 蓹v蓹zin蓹 olan HTML, dem蓹k, h蓹r 艧eyi kod.
Bel蓹 ki, burada bir misal var web page 莽ox sad蓹, sa臒?
Bu HTML tags, ba艧 var.
>> Daxilind蓹 bir ad谋, salam d眉nya var.
Sonra bir orqan var.
Ki, Inside, m蓹n 眉莽 m眉xt蓹lif 艧eyl蓹r.
M蓹n bir h2 header tag var paraqraf, v蓹 bir link.
Bu, 莽ox sad蓹 web page edir.
>> Yax艧谋, n蓹 g眉c s蓹n蓹d kimi bu baxmaq 眉莽眉n etiraz?
B蓹li, bu bir az b蓹lk蓹 ilk scary.
Lakin bu, h蓹qiq蓹t蓹n, yaln谋z bir b枚y眉k a臒ac var.
V蓹 莽ox k枚k s蓹n蓹ddir.
>> S蓹n蓹d ba艧qa Inside m蓹nim s蓹hif蓹 HTML istinad obyekt.
V蓹 m蓹nim s蓹hif蓹 HTML b眉t眉n bu var.
V蓹 sonra HTML daxilind蓹 obyekt, m蓹n ba艧 obyekt var,
orada h蓹r 艧ey aiddir.
>> V蓹 daxilind蓹, M蓹n bir m枚vzu obyekt var.
V蓹 daxilind蓹, ba艧qa bir var yaln谋z salam d眉nya var etiraz.
M蓹n b蓹d蓹n ola bil蓹r Bu kimi t蓹msil edib.
>> M蓹nim b蓹d蓹n daxilind蓹, M蓹n H2 var obyekt v蓹 paraqraf 眉莽眉n bir p obyekt
v蓹 ke莽id 眉莽眉n bir bir obyekt.
V蓹 bu b眉t眉n iyerarxiya b枚y眉k a臒ac kimi t蓹msil oluna bil蓹r
ki莽ik Little 莽ox h蓹r 艧eyi h蓹yata g蓹lir.
陌ndi, 蓹lb蓹tt蓹, zaman biz biz, proqramla艧d谋rma edirik
b枚y眉k bir a臒ac kimi 艧eyl蓹r d眉艧眉nm眉r蓹m.
Biz faktiki g枚rm蓹k ist蓹yirik kodu aid 艧eyl蓹r.
>> V蓹 xo艧b蓹xtlikd蓹n, biz Geli艧tirici vasit蓹l蓹rd蓹n istifad蓹
h蓹qiq蓹t蓹n bir n蓹z蓹r Bu veb s蓹n蓹d obyekt.
V蓹 bunu ed蓹k.
M蓹n bir browser ni艧an谋 a莽d谋 etdik.
>> M蓹n Developer Tools a莽d谋 etdik.
V蓹 JavaScript m蓹nim video, I konsol deyil ki, qeyd
yaln谋z yerde harada biz m蓹lumat 莽ap,
bu da bir yerd蓹 var biz giri艧 m蓹lumat bil蓹rsiniz.
Bu 莽蓹r莽iv蓹d蓹, n蓹 M蓹n dem蓹k gedir蓹m
M蓹n geri almaq ist蓹yir蓹m s蓹n蓹d obyektl蓹ri,
m蓹n ona n蓹z蓹r ba艧laya bil蓹rsiniz.
M蓹n bu nec蓹 ola bil蓹r?
B蓹li, m蓹n ist蓹yirsinizs蓹 h蓹qiq蓹t蓹n g枚z蓹l t蓹艧kil,
M蓹n console.dir, D-I-R dem蓹k gedir蓹m. 陌ndi yaln谋z 莽ap console.log istifad蓹
h蓹yata bir 艧ey 莽ox sad蓹.
Amma bu t蓹艧kil etm蓹k ist蓹yirsinizs蓹, hiyerar艧ik bir obyekt kimi,
M蓹n bu c眉r strukturla艧d谋r谋lm谋艧 ist蓹yir蓹m bir kataloq strukturu kimi.
>> Bel蓹 ki, s蓹n蓹d console.dir ist蓹yir蓹m.
M蓹n Enter d眉ym蓹sini bas谋n gedir蓹m.
V蓹 sa臒 a艧a臒谋dak谋 indi, v蓹 m蓹n burada zoom laz谋md谋r
Bu cavab s蓹n蓹di var onun yan谋nda bir az ox il蓹.
陌ndi bu arrow a莽maq zaman, hey蓹ti bir 莽ox var olacaq.
>> Amma biz 莽ox ignore olacaq Bu v蓹 diqq蓹t yaln谋z c眉r
蓹n m眉h眉m hiss蓹si, biz bel蓹 bu s蓹n蓹di naviqasiya ba艧laya bil蓹rsiniz.
DOM daha bir 莽ox daha 莽ox var qov艧aqlar谋n谋n v蓹 u艧aq qov艧aqlar谋n谋n yaln谋z ana.
茝lav蓹 m蓹hsullar谋 bir 莽ox var.
>> M蓹n bu a莽maq 眉莽眉n gedir蓹m.
V蓹 b眉t枚vl眉kd蓹 莽ox var stuff ki pops.
Amma qay臒谋 b眉t眉n burada, u艧aq qov艧aqlar谋n谋n.
Ki a莽maq ed蓹k.
>> Orada Inside g枚r眉r蓹m tan谋艧 bir 艧ey, HTML.
Bizim s蓹n蓹din daxilind蓹 So bir s蓹viyy蓹d蓹 a艧a臒谋, HTML.
Hesab edir蓹m ki, a莽maq.
Biz n蓹 g枚zl蓹yirik?
>> Siz bizim diaqram geri 蓹g蓹r, biz HTML daxilind蓹 n蓹 tapmaq laz谋md谋r?
A臒ac a艧a臒谋dak谋 hans谋 iki qov艧aqlar谋n谋n var?
Tapmaq ed蓹k.
Biz HTML a莽maq.
Biz u艧aq qov艧aqlar谋n谋n enm蓹k.
>> A莽谋q Pop.
Ba艧 v蓹 b蓹d蓹n var.
V蓹 biz ba艧 a莽a bil蓹r.
Onun u艧aq qov艧aqlar谋n谋n gedin.
Yax艧谋, ad谋 var.
>> V蓹 biz davam ed蓹 bil蓹r v蓹 Bu kimi 蓹b蓹di.
Biz h蓹m莽inin orqan谋 il蓹 bunu ed蓹 bil蓹r.
Amma baxmaq 眉莽眉n bir yol var b枚y眉k obyekt kimi t蓹艧kil s蓹n蓹d.
Biz baxsaq v蓹 b枚y眉k var bir 莽ox g枚r眉n眉r obyekt
kodu kimi, ki, biz ba艧laya bil蓹rsiniz dem蓹kdir istifad蓹 ed蓹r蓹k, bu b枚y眉k obyekt manipulyasiya
code n蓹 d蓹yi艧dirm蓹k 眉莽眉n veb g枚r眉n眉r v蓹 kimi hiss edir.
>> Bel蓹 ki, bir olduqca g眉cl眉 al蓹t var indi bizim s蓹r蓹ncam谋nda var.
Biz yaln谋z g枚rd眉m, bel蓹 ki, s蓹n蓹d obyekt 枚z眉
v蓹 onun daxili obyektl蓹rin b眉t眉n yaln谋z xass蓹l蓹ri v蓹 眉sullar谋 var
biz h蓹r hans谋 dig蓹r obyekt kimi JavaScript il蓹 i艧l蓹yir.
Amma biz bu x眉susiyy蓹tl蓹ri istifad蓹 ed蓹 bil蓹rsiniz v蓹 sort a艧a臒谋 qazmaq bu metodlardan istifad蓹
v蓹 b枚y眉k s蓹n蓹d almaq a艧a臒谋 v蓹 a艧a臒谋 v蓹 a艧a臒谋,
finer v蓹 finer tax谋l 蓹trafl谋, biz q蓹d蓹r
莽ox x眉susi bir par莽a almaq bizim biz d蓹yi艧dirm蓹k ist蓹diyiniz web page.
>> V蓹 biz xass蓹l蓹ri yenil蓹m蓹 zaman Obyekt s蓹n蓹d v蓹 ya bu 眉sullar谋 z蓹ng,
艧eyi bizim web page ba艧 ver蓹 bil蓹r.
V蓹 biz h蓹r hans谋 bir s蓹rinl蓹艧dirici etm蓹k laz谋m deyil bu d蓹yi艧iklikl蓹r q眉vv蓹y蓹 var.
>> V蓹 olduqca s蓹rin imkan谋 var biz kodu il蓹 莽al谋艧谋r谋q zaman var.
Bel蓹 ki, bu x眉susiyy蓹tl蓹ri b蓹zi hans谋lard谋r s蓹n蓹d obyekt hiss蓹si var?
Yax艧谋, siz y蓹qin ki, g枚rd眉m Onlar谋n bir ne莽蓹 h蓹qiq蓹t蓹n tez
biz zipping kimi n蓹h蓹ng s蓹n蓹d vasit蓹sil蓹
object biz yaln谋z web browser g枚rd眉m.
>> Lakin bu x眉susiyy蓹tl蓹ri bir ne莽蓹 daxili HTML kimi 艧eyl蓹r ola bil蓹r.
V蓹 h蓹tta m蓹ni geri bil蓹r JavaScript video bu istifad蓹
莽ox sonunda m蓹n hadis蓹l蓹r haqq谋nda dan谋艧谋rd谋.
Bu daxili HTML n蓹 idi?
B蓹li, bu yaln谋z n蓹 var tags aras谋nda.
>> V蓹 bel蓹 daxili HTML, M蓹s蓹l蓹n, ad谋
biz siz蓹 蓹g蓹r tag, ged蓹n bir an 蓹vv蓹l, m蓹s蓹l蓹n ki,
salam d眉nya olard谋.
Y蓹ni bizim s蓹hif蓹nin ad谋 idi.
Dig蓹r xass蓹l蓹ri node ad谋, daxil olan
HTML ad谋 ad谋 kimi element.
ID edir ID, HTML element ba臒lay谋rlar.
>> Biz x眉susi g枚st蓹r蓹 bil蓹r Xat谋rladaq ki, Bizim HTML x眉susi elementl蓹ri
ad蓹t蓹n ID atributu il蓹 CSS kontekstind蓹 laz谋ml谋 g蓹lir,
x眉susi.
Istinad edir valideyn node, Yaln谋z m蓹n蓹 yuxar谋da DOM n蓹.
V蓹 u艧aq qov艧aqlar谋n谋n, olan bir a艧a臒谋 m蓹n蓹 a艧a臒谋da n蓹 眉莽眉n aray谋艧.
V蓹 biz bir 莽ox g枚rd眉m yaln谋z vasit蓹sil蓹 axtar谋r.
Ald谋q nec蓹 u艧aq qov艧aqlar谋n谋n, ki a臒ac a艧a臒谋 v蓹 a艧a臒谋.
>> Atributlar谋 ki, yaln谋z bir s谋ra var HTML element atributlar谋.
Bel蓹 ki, atributlar谋 n眉mun蓹 bil蓹r Bir image tag varsa ola,
ad蓹t蓹n m蓹nb蓹 atributu var, b蓹lk蓹 bir h眉nd眉rl眉y眉 v蓹 eni atributu.
V蓹 bel蓹 ki, yaln谋z bir s谋ra olacaq ba臒l谋 atributlar谋 b眉t眉n
ki, HTML element il蓹.
>> Style ba艧qa biridir ki, CSS t蓹msil edir
x眉susi element 眉slubu.
V蓹 sonra bu video, biz x眉susi laz谋md谋r
leverage stil bir ne莽蓹 etm蓹k bizim veb s蓹hif蓹sin蓹 d蓹yi艧iklikl蓹r.
Bel蓹 ki, o, b蓹zi xass蓹l蓹ri vard谋r.
>> H蓹m莽inin b蓹zi var ki, biz 眉sullar谋
d蓹 daha tez b蓹lk蓹 t蓹crid etm蓹k 眉莽眉n istifad蓹 Document Obyekt elementl蓹ri.
Y蓹qin ki, 蓹n 莽ox Bu olan getElementById edir.
Bel蓹likl蓹, m蓹n, 莽眉nki kimi bir 艧ey dey蓹 bil蓹r Bu s蓹n蓹d 眉sulu var unutmay谋n
, Document.getElementByID Obyekt.
>> V蓹 bu m枚t蓹riz蓹 daxilind蓹 m眉蓹yy蓹n x眉susi ID il蓹 bir HTML element
M蓹n 蓹vv蓹ll蓹r etdik ki atributu m眉蓹yy蓹n v蓹 m蓹n d蓹rhal laz谋md谋r
ki, element do臒ru getm蓹k 眉mumi sayt谋n谋n.
Bel蓹 ki, b蓹lk蓹 qazmaq yoxdur h蓹r bir qat vasit蓹sil蓹 a艧a臒谋.
M蓹n yaln谋z onu tapmaq 眉莽眉n bu metodu istifad蓹 ed蓹 bil蓹rsiniz, sort bir istilik axtaran raket kimi,
sa臒?
Bu, yaln谋z gedir v蓹 hesab d蓹qiq axtar谋r n蓹.
>> GetElementsByTagName deyil ruhunda 莽ox ox艧ard谋r.
B蓹lk蓹 b眉t眉n bu tapmaq olard谋 qal谋n tags v蓹 ya p tags b眉t眉n
v蓹 m蓹n蓹 h蓹r 艧eyi bir s谋ra verm蓹k M蓹n sonra i艧l蓹m蓹k bil蓹r.
appendChild bir 艧ey ed蓹r a艧a臒谋 a臒ac bir s蓹viyy蓹d蓹.
>> Bel蓹likl蓹, m蓹n b眉t眉n yeni 蓹lav蓹 ed蓹 bil蓹rsiniz element bir s蓹viyy蓹d蓹 a艧a臒谋.
V蓹 ya ki, bir element aradan qald谋r谋lmas谋 d蓹 m蓹n ist蓹yir蓹m bir s蓹viyy蓹d蓹 a艧a臒谋
M蓹nim web page bir 艧ey silm蓹k 眉莽眉n.
陌ndi tez kodla艧d谋rma qeyd v蓹 s眉r蓹tli ba艧 a臒r谋s谋 眉mid edir蓹m ki, qeyd q蓹na蓹t.
>> getElementById-- d ki莽ik edir.
M蓹n ne莽蓹 d蓹f蓹 siz蓹 dey蓹 bilm蓹z istifad蓹 getElementById v蓹 kapitalla艧d谋r谋lm谋艧
orada d.
Bu, h蓹qiq蓹t蓹n, 眉mumi var, 莽眉nki.
Biz s枚z眉 ID yazmaq, bu ad蓹t蓹n kapital I kapital D.
V蓹 m蓹nim kodu yaln谋z i艧 deyil.
M蓹n niy蓹 anlamaq bilm蓹z.
Bu, h蓹qiq蓹t蓹n, h蓹qiq蓹t蓹n, h蓹qiq蓹t蓹n, bir var ham谋 edir ki, 眉mumi s蓹hv,
h蓹tta ekspertl蓹r 蓹b蓹di bunu.
Bel蓹 ki, yaln谋z, getElementById x蓹b蓹rdar ola bil蓹r, ki, d ki莽ik deyil.
V蓹 眉mid edir蓹m ki, siz bir ne莽蓹 saxlay谋r dert 蓹n az谋 d蓹qiq蓹.
>> Bel蓹 ki, n蓹 bu b眉t眉n biz蓹 n蓹 deyir?
Biz bu 眉sullar谋 var.
Biz bu x眉susiyy蓹tl蓹ri var.
陌ndi biz ba艧lamaq 蓹g蓹r s蓹n蓹d, s蓹n蓹d.
n蓹 olursa olsun, biz indi h蓹r hans谋 bir 蓹ld蓹 ed蓹 bil蓹rsiniz bizim web page bir par莽a
biz JavaScript istifad蓹 etm蓹k ist蓹yir蓹m ki, yaln谋z bu 眉sullar谋 z蓹ng
v蓹 xass蓹l蓹ri yararlanarak biz m眉xt蓹lif yerl蓹rd蓹 tapmaq.
>> Bu, wordy 蓹ld蓹 ed蓹 bil蓹rsiniz document.getElementByID,
b蓹lk蓹 uzun tag ad谋, b蓹lk蓹 daha sonra z蓹ng edin.
Things bir az wordy 蓹ld蓹 ed蓹 bil蓹rsiniz.
V蓹 proqram莽谋lar kimi, var kimi y蓹qin ki, bu video 莽ox g枚r眉l蓹n,
biz wordy 艧eyi kimi deyil.
>> Biz tez 艧ey蓹 qadirdir olmaq ist蓹yir蓹m.
Bel蓹likl蓹, biz bir daha ist蓹yir蓹m q谋sa yol bir 艧ey dem蓹k.
Bel蓹 ki, potensial bu c眉r bir 艧ey anlay谋艧谋 jQuery 莽a臒谋r谋b.
陌ndi jQuery JavaScript deyil.
Bu JavaScript hiss蓹si deyil.
>> Bu yaz谋lm谋艧 bir kitabxanad谋r b蓹zi JavaScript proqram莽谋lar t蓹r蓹find蓹n
t蓹xmin蓹n 10 il 蓹vv蓹l.
V蓹 onun m蓹qs蓹di bu n蓹dir asanla艧d谋rmaq 眉莽眉n adl谋 klient scripting olan
biz yaln谋z n蓹 蓹sas蓹n DOM manipulyasiya il蓹 s枚hb蓹t.
Bel蓹 ki, M蓹n d蓹yi艧dirm蓹k ist蓹di M蓹nim web page fon r蓹ngi, b蓹lk蓹
x眉susi Div.
>> Burada y蓹qin al谋ram ElementById colorDiv.
M蓹n onun fon r蓹ngi t蓹yin etm蓹k ist蓹yir蓹m.
M蓹n yaln谋z t蓹miz JavaScript istifad蓹 edir蓹m 蓹g蓹r Document Object Model istifad蓹 ed蓹r蓹k,
ki, sa臒 m蓹hsullar谋 bir 莽ox var? document.getElementByID
colorDiv.style.backgroundColor ya艧谋l =.
>> Whew.
Y蓹ni bir 莽ox idi.
Bu da yaz谋n bir 莽ox var.
V蓹 bel蓹 jQuery, biz b蓹lk蓹 dem蓹k olar Bu bir az daha y谋臒cam.
onu olmaqla off ticar蓹t b蓹lk蓹 bir az var bit q蓹fl蓹t蓹n daha sirli,
sa臒?
>> 茝n az谋 uzun bir az daha biz edirik n蓹 kimi izahl谋.
Bu dollar i艧ar蓹si, parantez, bir quote, hash, colorDiv, sa臒?
Bunun m蓹nas谋 n蓹dir?
Yax艧谋, ki, yaln谋z 蓹sas蓹n document.getElementByID colorDiv.
>> Amma bu stenoqrafiya bu sort jQuery istifad蓹 ed蓹r蓹k bunu yol.
Yaln谋z indi bir n蓹z蓹r salaq m眉xt蓹lif yollarla bir ne莽蓹
M蓹n, h蓹qiq蓹t蓹n, bil蓹r ki, bu Document Object istifad蓹
Model m蓹nim site 蓹d蓹d manipulyasiya.
X眉susil蓹, gedirik manipulyasiya i艧 眉莽眉n
x眉susi r蓹ng Bir web page Div, colorDiv.
Bel蓹 ki, bir n蓹z蓹r salaq.
Oldu.
M蓹n bir s蓹hif蓹 deyil蓹m.
Siz download zaman test.html deyirl蓹r bu siz bu il蓹 misg蓹r ist蓹yirsinizs蓹.
M蓹n bir d蓹st蓹 var Bu s蓹hif蓹d蓹 d眉ym蓹l蓹ri.
M蓹n f蓹rdi funksiyalar谋 deyir蓹m fon r蓹ngi, ya艧谋l, b蓹n枚v艧蓹yi 眉莽眉n,
nar谋nc谋, q谋rm谋z谋, mavi, bir funksiyas谋 background r蓹ng, hadis蓹 handler
fon r蓹ngi, v蓹 jQuery istifad蓹 眉莽眉n.
M蓹n n蓹 s枚hb蓹t edir蓹m m蓹n bunu edir蓹m?
Bel蓹likl蓹, biz d眉ym蓹l蓹ri g枚rd眉m.
陌ndi bir n蓹z蓹r salaq burada m蓹nb蓹 kodu b蓹zi.
Biz test.html il蓹 ba艧lamaq laz谋md谋r.
Fon 眉莽眉n bel蓹 f蓹rdi funksiyalar谋 r蓹ng Burada tipli oldu臒unuz n蓹.
M蓹n蓹 bir az h蓹r蓹k蓹t ed蓹k.
>> V蓹 m蓹n g枚r蓹c蓹ksiniz Bu d眉ym蓹l蓹ri m眉蓹yy蓹n etmi艧ik
bu d眉ym蓹ni t谋kland谋臒谋nda dem蓹k, b蓹n枚v艧蓹yi 莽evirm蓹k funksiyas谋 z蓹ng.
Bu d眉ym蓹sini bas谋n zaman, daha do臒rusu, funksiyas谋 ya艧谋l 莽evirm蓹k z蓹ng
q谋rm谋z谋, nar谋nc谋 莽evirm蓹k, mavi a莽谋n.
Siz y蓹qin ki, bu ki, tahmin ed蓹 bil蓹rsiniz 蓹n yax艧谋 dizayn b蓹lk蓹 deyil
m蓹nada, sa臒?
>> M蓹n 蓹g蓹r g枚z蓹l olard谋 daha 眉mumi yana艧ma var.
B蓹li, ilk biz bir n蓹z蓹r laz谋md谋r bu be艧 funksiyalar谋 n蓹
document.getElementByID b蓹n枚v艧蓹yi colorDiv.style.background =
q谋rm谋z谋, ya艧谋l, nar谋nc谋 m眉vafiq olaraq, mavi.
Bel蓹 ki, x眉susil蓹 蓹n yax艧谋 dizayn.
>> d眉ym蓹l蓹ri n枚vb蓹ti set M蓹n yazd谋q var
adl谋 bir funksiyas谋 ki, y蓹qin r蓹ngini
onun arqument kimi bir simli q蓹bul edir.
Bel蓹 ki, bu bir az daha yax艧谋d谋r.
Q谋rm谋z谋, b蓹n枚v艧蓹yi, ya艧谋l, nar谋nc谋, blue art谋q bir d蓹lildir.
M蓹n bir daha 眉mumi yazd谋q hal JavaScript funksiyas谋,
bu kimi bir 艧ey ola bil蓹r.
M蓹n ke莽蓹n al谋ram.
Bu funksiya d蓹yi艧iklik r蓹ng r蓹ng adl谋 bir d蓹lil g枚zl蓹yirik.
M蓹n m眉蓹yy蓹n deyir蓹m r蓹ng fon r蓹ngi.
Bel蓹 ki, burada m蓹n burada var n蓹 edir.
Bel蓹 ki, bir az daha yax艧谋d谋r.
>> Amma ed蓹 bil蓹r daha yax艧谋 ed蓹.
Biz n蓹z蓹r enm蓹k 蓹g蓹r T蓹dbird蓹 handler v蓹ziyy蓹ti,
陌ndi b眉t眉n bu z蓹ngl蓹r eyni baxmaq.
Siz geri 蓹g蓹r bizim T蓹dbird蓹 i艧leyicileri m眉zakir蓹si,
M蓹n haqq谋nda m蓹lumat 蓹ld蓹 ed蓹 bil蓹rsiniz Bu d眉ym蓹l蓹ri t谋klayan v蓹 istifad蓹 edilib.
>> V蓹 bel蓹 event.JavaScript, m蓹n var yaz谋l谋 d蓹yi艧iklik r蓹ng hadis蓹 olan
t谋klayan olan d眉ym蓹sini tutulur.
Ki, trigger obyekt x蓹tt var.
V蓹 sonra burada, bu, h蓹qiq蓹t蓹n wordy olur.
Amma n蓹 edir蓹m m蓹n var fon q蓹bulu
triggerObject inner.HTML r蓹ng.
Bu m蓹tn var d眉ym蓹sini tags aras谋nda.
>> V蓹 sonra m蓹n y蓹qin var ki莽ik m眉蓹yy蓹n etm蓹k.
V蓹 m蓹n b眉t眉n 莽evir蓹 bil蓹rsiniz nec蓹 string istifad蓹 JavaScript ki莽ik
ki, 眉sul ki莽ik.
M蓹n bir r蓹ng t蓹yin 脟眉nki, M蓹n burada 莽al谋艧谋ram kimi,
r蓹ng b眉t眉n ki莽ik olmal谋d谋r.
>> Amma m蓹n d眉ym蓹sini biz ba艧qa bir n蓹z蓹r 蓹g蓹r,
m蓹tn oldu臒unu qeyd b蓹n枚v艧蓹yi 眉莽眉n kapital P il蓹 yaz谋l谋.
V蓹 sonra 莽ox Burada alt, m蓹n y蓹qin
c蓹hd v蓹 h蓹m莽inin bu istifad蓹 jQuery yoxdur.
V蓹 bu halda, m蓹n, h蓹qiq蓹t蓹n deyil蓹m b眉t眉n bir funksiyas谋 z蓹ng.
M蓹n yaln谋z m蓹n sinif deyil蓹m ki, bildirib etdik Bu d眉ym蓹sin蓹 istifad蓹 ed蓹r蓹k, bir JQ d眉ym蓹sini edir.
Bu bel蓹dir.
>> Bel蓹 ki, nec蓹 jQuery edir蓹m n蓹 bilir?
B蓹li, bu 眉st眉nl眉kl蓹rind蓹n biridir jQuery m蓹nfi c蓹h蓹tl蓹ri do臒ramaq.
M蓹n蓹 艧ey蓹 imkan bil蓹r 莽ox y谋臒cam, amma b蓹lk蓹 deyil
kimi daxil蓹n.
B蓹lk蓹 o dig蓹r 眉莽 etm蓹k az daha edir蓹m n蓹 hiss.
Burada, baxmayaraq ki, n蓹 olub?
>> G枚r眉n眉r, yaratmaq anonim funksiyas谋
ki, y眉k zaman m蓹nim s蓹n蓹d , bel蓹 ki, document.ready haz谋r
bir funksiyas谋 ba艧 ver蓹c蓹k.
茝sas蓹n, bir s蓹n蓹d haz谋rd谋r?
M蓹nim s蓹hif蓹 y眉kl蓹nmi艧 zaman var.
>> Bel蓹 ki, tezlikl蓹 m蓹nim s蓹hif蓹 y眉kl蓹n蓹n kimi, funksiyas谋 a艧a臒谋dak谋 h蓹mi艧蓹 haz谋rd谋r.
Bildirilir ki, 蓹g蓹r n枚v眉 jQButton obyekti, v蓹 ya sinif jQButton t谋klayan 蓹g蓹r,
bu funksiyan谋 yerin蓹.
Bel蓹 ki, burada iki anonim funksiyalar谋 var, bir ba艧qa daxilind蓹 m眉蓹yy蓹n edilmi艧dir.
>> M蓹nim b眉t眉n kontekstind蓹 So burada indiy蓹 q蓹d蓹r m蓹nim s蓹hif蓹
Bu y眉kl蓹yir zaman bu funksiyan谋 莽a臒谋r谋r.
Bu funksiya g枚zl蓹yir bir d眉ym蓹sin蓹 t谋klayan.
V蓹 bir d眉ym蓹sin蓹 t谋kland谋臒谋nda, JQ d眉ym蓹sini x眉susi t谋kland谋臒谋nda,
bu dig蓹r 莽a臒谋r谋r funksiyas谋 gedir
fon t蓹yin etm蓹k colorDiv r蓹ng olmaq
h蓹r hans谋 m蓹tn tags aras谋nda edir.
>> Bu anlay谋艧d谋r olan d眉ym蓹sin蓹 t谋kland谋臒谋nda.
Lakin ba艧qa, bu sort edir bir hadis蓹 b蓹nz蓹r davran谋r.
Bu, sad蓹c蓹 eyni 艧蓹kild蓹 M蓹n jQuery bu ifad蓹 edir蓹m.
Yen蓹 d蓹, bu, y蓹qin ki, bir daha 莽ox qorxuducu.
Bu kimi ayd谋n deyil event.js kimi bir 艧ey,
olan b蓹lk蓹 bir az daha verbose, lakin bir az daha az
qorxuducu.
>> Amma biz m蓹nim brauzerinizin 眉z蓹rind蓹 geri pop 蓹g蓹r p蓹nc蓹r蓹, M蓹n d蓹 clicking-- ba艧lamaq 蓹g蓹r,
ki, b蓹n枚v艧蓹yi d蓹yi艧ib.
Bu string metodundan istifad蓹 ya艧谋l r蓹ngd蓹dir.
Bu hadis蓹 handler istifad蓹 nar谋nc谋 edir.
>> Bu h眉quq, jQuery istifad蓹 ed蓹r蓹k q谋rm谋z谋?
Onlar b眉t眉n eyni davran谋rlar.
Onlar yaln谋z m眉xt蓹lif istifad蓹 etm蓹k problemi h蓹ll etm蓹k 眉莽眉n yax谋nla艧谋r.
Daha 莽ox var jQuery sonra 蓹lb蓹tt蓹 ki, ist蓹yirik
Bu video haqq谋nda dan谋艧maq olacaq.
Daha 莽ox 枚yr蓹nm蓹k ist蓹yirsinizs蓹 Lakin, siz s蓹n蓹dl蓹rin jQuery n枚v getm蓹k
v蓹 haqq谋nda bir az daha 蓹trafl谋 m蓹lumat Bu 莽ox 莽evik kitabxana, olan
klient etm蓹k 眉莽眉n b枚y眉k Bel蓹 biz n蓹 etdikl蓹rinizi kimi scripting
g枚r眉n眉艧眉n眉 manipulyasiya v蓹 bizim web page hiss
Document Object Model.
M蓹n Doug Lloyd edir蓹m.
Bu CS50 edir.