Doug LLOYD: Å iame video norÄjome suÅ¡ukti atskirÄ dÄmesÄ¯ kad labai ypaÄ elementas JavaScript kad jÅ«s galite rasti patogu kai jÅ«s pradedate dirbti manipuliuoti tinklalapius ir keiÄiasi jÅ«sÅ³ tinklalapio turinÄ¯ skristi. Ir tai sÄvoka DokumentÅ³ Objekto modelÄ¯. Taigi, kaip matÄme mÅ«sÅ³ vaizdo Ä¯ JavaScript objektai yra labai lanksti. Ir jie gali bÅ«ti Ä¯vairiose srityse. Ir nors mes ne eiti Ä¯ Siuntos detalÄ, tie laukai ar savybÄs, kad mes tikriausiai daugiau tinkamai juos vadina Ä¯ objekto kontekste, net tie savybÄs gali bÅ«ti ir kitÅ³ objektÅ³. Ir viduje Å¡iÅ³ objektÅ³ Gali bÅ«ti ir kitÅ³ objektÅ³. 

JÅ«s turite tai labai didelis objektas su kitÅ³ objektÅ³ daug viduje ji, kokios rÅ«Å¡ies sukuria Å¡Ä¯ dideliame medyje idÄja. Dabar, dokumentas objektas yra labai ypatinga objektas JavaScript kuri organizuoja visÄ savo interneto puslapis pagal Å¡iÄ skÄtis rÅ«Å¡iuoti objekto. Ir taip viduje dokumento objektas yra objektai pristatantys galvos ir kÅ«no jÅ«sÅ³ tinklalapÄ¯. 

Viduje jie yra kitos objektus, ir taip toliau, ir taip toliau, kol visÄ savo interneto puslapis turi buvo organizuota tai didelis objektas. Kas yra aukÅ¡tyn kojom Äia, tiesa? Na, mes Å¾inome, kaip dirbti su objektÅ³ JavaScript. 

Taigi, jei mes turime objektas, nuoroda Ä¯ visÄ mÅ«sÅ³ tinklalapÄ¯, kad reiÅ¡kia paskambinus teisingas metodai manipuliuoti, kad objekto arba pakeisti tam tikras jos savybiÅ³, mes gali pakeisti elementus MÅ«sÅ³ puslapis programiÅ¡kai naudojant JavaScript, uÅ¾uot koduoti dalykus su, tarkim, HTML. Taigi Äia Kuris iÅ¡ pavyzdÅ¾iÅ³ labai paprastas interneto puslapis, tiesa? Jis gavo HTML Å¾ymes, galvÄ. 

Viduje yra pavadinimas, hello world. Tada aÅ¡ turiu kÅ«nÄ. Viduje, kad turiu Trys skirtingi dalykai. Turiu H2 antraÅ¡tÄ Å¾ymeles, paragrafas ir nuoroda. Tai labai paprasta interneto puslapis. 

Na, kas gali dokumentas prieÅ¡tarauti Å¡iam atrodo? Na, tai Å¡iek tiek baisu gal iÅ¡ pradÅ¾iÅ³. Bet tai tikrai tik didelis medis. Ir tuo pat Å¡aknies Tai dokumentas. 

Viduje dokumentas yra kita objektas nuoroda Ä¯ mano puslapÄ¯ HTML. Ir savo puslapyje HTML yra visa tai. Ir tada viduje HTML objektas, turiu galvos objektÄ, kuris nurodo viskas ten. 

Ir viduje ten, Turiu pavadinimÄ objektÄ. Ir viduje ten, aÅ¡ turiu kitÄ prieÅ¡tarauti, kad tik hello world. GalÄjau savo kÅ«nÄ atstovavo kaip Å¡is. 

Viduje mano kÅ«nÄ, aÅ¡ turiu h2 objektas ir P objektas dalÄ¯ ir uÅ¾ nuorodÄ objektas. Ir todÄl tai visai hierarchijai gali bÅ«ti atstovaujama kaip didelis medis su daug maÅ¾esniu Little viskas iÅ¡eina iÅ¡ jos. Dabar, Å¾inoma, kai mes programavimo, mes nemanau dalykÅ³ kaip didelis medis. Mes norime matyti faktinis kodas susijÄ dalykai. 

Ir, laimei, mes galime naudoti mÅ«sÅ³ KÅ«rÄjo Ä¯rankiai realiai paÅ¾velgti Å i svetainÄ dokumente objektas. Ir tegul tai padaryti. Taigi aÅ¡ atvÄrÄ narÅ¡yklÄs skirtukÄ. 

Ir aÅ¡ atvÄrÄ KÅ«rÄjo Ä¯rankiai. Ir mano vaizdo JavaScript, aÅ¡ paminÄjo, kad konsolÄ nÄra tik kaÅ¾kur, kur mes spausdinti informacijÄ jis taip pat vieta, kur mes galime teikti informacijÄ. AtsiÅ¾velgiant Ä¯ tai, kas AÅ¡ ruoÅ¡iuosi pasakyti NorÄÄiau gauti atgal Dokumente objektai, todÄl galiu pradÄti turÄti Ä¯ jÄ¯ Å¾iÅ«rÄti. Taigi, kaip galÄÄiau tai padaryti? Na, jei aÅ¡ noriu organizuoti tai tikrai graÅ¾iai, AÅ¡ ruoÅ¡iuosi pasakyti console.dir, D-I-R. Dabar, aÅ¡ naudoju console.log tiesiog atsispausdinti kaÅ¾kÄ labai paprasta. Bet jei aÅ¡ noriu surengti Å¡Ä¯ hierarchiÅ¡kai kaip objektas, Noriu, kad ji tarsi struktÅ«ra kaip katalogo struktÅ«rÄ. 

Taigi noriu console.dir dokumentÄ. AÅ¡ ruoÅ¡iuosi paspauskite Enter. Ir tiesiai po juo dabar ir aÅ¡ priartinti Äia AÅ¡ turiu Å¡Ä¯ atsakymÄ dokumentÄ su maÅ¾ai rodyklÄ prie jo. Dabar, kai aÅ¡ atidaryti Å¡iÄ rodyklÄ, ten bus daug dalykÅ³. 

TaÄiau mes ketiname ignoruoti daug IT ir tiesiog rÅ«Å¡ies dÄmesio ant svarbiausia dalis, todÄl mes galite pradÄti narÅ¡yti Å¡Ä¯ dokumentÄ. Yra daug daugiau nei DOM tik tÄvÅ³ mazgai ir vaiko mazgai. Yra daug papildomos daug dalykÅ³. 

Taigi, aÅ¡ ruoÅ¡iuosi atidaryti tai padaryti. Ir ten visai daug stuff, kuris pasirodo. Bet viskas, kÄ aÅ¡ rÅ«pi Äia, vaikas mazgai. Leiskite atidaryti, kad iki. 

Viduje yra matau kaÅ¾kas paÅ¾Ä¯stamas, HTML. Taigi viduje mÅ«sÅ³ dokumente Vieno lygio, Å¾emyn, HTML. AÅ¡ atidarau, kad iki. KÄ mes laukiame? 

Jei prisimenate iÅ¡ mÅ«sÅ³ schemoje, KÄ turÄtÅ³ randame viduje HTML? Kas du mazgai yra po juo medyje? Leiskite suÅ¾inoti. Mes atverti HTML. Mes eiti Ä¯ savo vaikÅ³ mazgÅ³. 

Pop, kad atidaryti. Yra galva ir kÅ«nas. Ir mes galime atverti galvÄ. Eiti Ä¯ jos vaikÅ³ mazgÅ³. Na, ten pavadinimas. 

Ir mes galime eiti ir nuo panaÅ¡aus Ä¯ tai amÅ¾inai. Mes galime tai padaryti su kÅ«no, taip pat. Bet yra mums paÅ¾velgti bÅ«das dokumentas organizuojamas kaip didelis objektas. Ir jeigu paÅ¾velgtume yra didelis objektas, kuris atrodo daug kaip kodo, tai reiÅ¡kia, kad galÄtume pradÄti manipuliuoti tai didelis daiktas naudojant kodas pakeisti tai, kÄ mÅ«sÅ³ svetainÄ atrodo ir jauÄiasi. 

Taigi, kad gana galingas Ä¯rankis mes turime mÅ«sÅ³ Å¾inioje dabar. Taigi, kaip mes kÄ tik matÄme, The Pats dokumentas objektas ir visos jos viduje esanÄiais objektÅ³ turi savybes ir metodus, tiesiog kaip bet kuris kitas objektas, kad mes dirbu su JavaScript. Bet mes galime naudoti tas savybes ir naudoti Å¡iuos metodus, tarsi iÅ¡skleiskite iÅ¡ didelio dokumentu ir gauti maÅ¾esnis ir maÅ¾esnis ir maÅ¾esnis, prabangiau ir prabangiau grÅ«dai detalumas, kol mes gauti labai konkreÄios gabalas mÅ«sÅ³ interneto puslapis, mes norime pakeisti. 

Ir kai mes atnaujiname savybÄs Document Object arba skambinkite tuos metodus, dalykai gali atsitikti mÅ«sÅ³ interneto puslapyje. Ir mums nereikia daryti bet gaivus turÄti Å¡ie pakeitimai Ä¯sigaliotÅ³. 

Ir tai yra gana kietas gebÄjimas turi, kai mes dirbame su kodu. Taigi, kas yra kai kurie iÅ¡ Å¡iÅ³ savybiÅ³ kad yra dalis dokumento objektas? Na, jÅ«s tikriausiai matÄ pora iÅ¡ jÅ³ tikrai greitai kaip mums buvo zipping per milÅ¾iniÅ¡kÄ dokumento objektas mes tiesiog matÄ narÅ¡yklÄje. 

TaÄiau Å¡iÅ³ savybiÅ³ pora gali bÅ«ti dalykÅ³, pavyzdÅ¾iui, vidinis HTML. Ir galbÅ«t net prisiminti mane naudojant tai JavaScript vaizdo paÄioje pabaigoje, kai aÅ¡ buvo kalbama apie Ä¯vykius. Kas buvo Å¡is vidinis HTML? Na, tai tik tai, kas tarp Å¾ymiÅ³. 

Ir taip vidinis HTML pavyzdÅ¾iui, pavadinimo Å¾ymeles, jei bÅ«tume nuolat vyksta Ä¯ kad pvz prieÅ¡ momentas, BÅ«tÅ³ buvÄ hello world. Tai buvo mÅ«sÅ³ puslapio pavadinimas. Kitos savybÄs Ä¯traukti mazgas vardÄ, kuris yra HTML pavadinimas elementas, pavyzdÅ¾iui, pavadinimÄ. ID, kuris yra ID atributas HTML elementas. 

Prisiminkite, kad mes galime specialiai rodo specifiniai elementai mÅ«sÅ³ HTML su ID atributas, kuris paprastai praverÄia CSS kontekste, specialiai. TÄvÅ³ mazgas, kuris yra nuoroda Ä¯ kas tik iki virÅ¡ manÄs Ä¯ DOM. Ir vaikas mazgai, kuris yra nuoroda Ä¯ tai, kas apaÄioje mane. Ir mes matÄme, kad daug tiesiog ieÅ¡ko per. Vaiko mazgai, tai, kaip mes turime maÅ¾esnis ir maÅ¾esnis Ä¯ medÄ¯. 

SavybÄs, tai tik masyvas atributÅ³ HTML elementas. Å itaip atributÅ³ pavyzdys galÄtÅ³ , jei turite vaizdo Å¾ymeles, ji paprastai turi Å¡altinio atributas, gal aukÅ¡tis ir plotis atributui. Ir taip, kad bÅ«tÅ³ tiesiog masyvas VisÅ³ poÅ¾ymiai, susijusiÅ³ su tuo HTML elementas. 

Stilius yra dar vienas, kad ar atstovauti CSS modeliavimo iÅ¡ konkretaus elemento. O vÄliau ir tai vaizdo, mes specialiai sverto stilius padaryti pora pokyÄiÅ³ Ä¯ mÅ«sÅ³ svetainÄ. Taigi tie keletas savybiÅ³. 

Ir taip pat yra keletas metodai, kad mes galime naudoti taip pat greiÄiau gal izoliuoti elementai dokumento objektas. GalbÅ«t labiausiai universalus Å iÅ³ BÅ«damas getElementById. Taigi, aÅ¡ gali pasakyti kaÅ¾kÄ panaÅ¡aus, nes prisiminti tai dokumento metodas Objektas, document.getElementById. 

Ir viduje tÅ³ skliausteliuose, nurodykite HTML elementas su konkreÄiu ID atributas, kad aÅ¡ anksÄiau nustatyti, ir aÅ¡ iÅ¡ karto eiti tiesiai Ä¯ tÄ elementÄ Ä¯ bendrÄ svetainÄ. Taigi, aÅ¡ neturiu gal grÄÅ¾ti Å¾emyn per kiekvienÄ sluoksnÄ¯. AÅ¡ galiu tik naudoti Å¡Ä¯ metodÄ, kad jÄ¯ rasti, tarsi kaip Å¡ilumos siekimo raketos, tiesa? Jis tiesiog eina ir randa kÄ jis ieÅ¡ko. 

GetElementsByTagName yra labai panaÅ¡us Ä¯ dvasiÄ. Gal tai bÅ«tÅ³ surasti visus Plikas Å¾odÅ¾ius arba visos p Å¾ymÄs ir duoti man visko masyvo kad galÄÄiau tada dirbti. appendChild prideda kaÅ¾kÄ vienas lygis nustatytas medÅ¾io. 

Taigi aÅ¡ galiu pridÄti visÄ Naujas elementas vienas lygis Å¾emesnis. Arba galiu paÅ¡alinti elementÄ, kad yra vienas lygis maÅ¾esnis, taip pat, jei noriu iÅ¡trinti kaÅ¾kÄ iÅ¡ mano puslapyje. Dabar, greitas kodavimas pastabÄ ir greitas galvos skausmas taupymo dÄmesÄ¯, tikiuosi. 

getElementById-- D yra maÅ¾osios. AÅ¡ negaliu pasakyti jums, kiek kartÅ³ aÅ¡ turiu Naudota getElementById ir kapitalizuojamos D ten. Nes tai tikrai bendra. Jei mes raÅ¡ome Å¾odÄ¯ ID, tai Paprastai kapitalÄ AÅ¡ kapitalo D. Ir mano kodas tiesiog neveikia. Ir aÅ¡ negaliu suprasti, kodÄl. Tai tikrai, tikrai, tikrai bendra klaida, kad visi daro, net ekspertai, kurie turi buvo tai amÅ¾inai. Taigi tiesiog reikia Å¾inoti, getElementById, kad d yra maÅ¾osios. Ir tikiuosi, kad taupo jums keletÄ minuÄiÅ³ bent sielvartas. 

Taigi, kÄ visa tai mums pasakyti? Mes turime Å¡iuos metodus. Mes turime Å¡ias savybes. Dabar, jei mes pradÄsime nuo dokumentas, dokumentas. kas, dabar mes galime gauti bet vienetinÄ¯ mÅ«sÅ³ internetiniame puslapyje kad mes norime naudojant "JavaScript" tik paskambinÄ Å¡iuos metodus ir sverto savybes kad randame Ä¯vairiose vietose. 

Tai gali gauti sakytinis, Å¡is document.getElementById, gal turi ilgÄ Å¾ymÄs pavadinimÄ, Gal daugiau skambuÄiÅ³ vÄliau. KÄ gali gauti Å¡iek tiek iÅ¡tÄstas. Ir kaip programuotojai, kaip jÅ«s tikriausiai matÄ daugelis iÅ¡ Å¡iÅ³ vaizdo Ä¯raÅ¡Å³, mums nepatinka Å¾odinius dalykÅ³. 

Mums patinka, kad bÅ«tÅ³ galima daryti dalykus greitai. Taigi mes norÄtume daugiau glausta bÅ«das pasakyti kaÅ¾kÄ. Taigi Å¡is veda prie RÅ«Å¡iuoti sÄvoka vadinamÄjÄ¯ JQuery. Dabar JQuery yra ne "JavaScript". Tai ne dalis JavaScript. 

Tai yra biblioteka, kuri buvo paraÅ¡yta Kai kurie JavaScript programuotojai maÅ¾daug prieÅ¡ 10 metÅ³. Ir jos tikslas yra supaprastinti Å¡iÄ kas vadinamas kliento pusÄje skriptÅ³, kurie iÅ¡ esmÄs yra tai, kas mes buvome tik kalbame apie su DOM manipuliacijos. Ir todÄl, jei aÅ¡ norÄjau modifikuoti fono spalva mano internetiniame puslapyje, gal konkretus DIV. 

Äia, aÅ¡, matyt, vis ElementById colorDiv. Ir aÅ¡ noriu nustatyti savo fono spalvÄ. Jei aÅ¡ tik naudojant grynÄ JavaScript naudojant Document Object Model, tai daug dalykÅ³, tiesa? document.getElementById colorDiv.style.backgroundColor = Å¾alia. 

FIU. Tai buvo daug kÄ pasakyti. Tai daug raÅ¡yti, taip pat. Ir taip JQuery, mes gal galime pasakyti Tai Å¡iek tiek daugiau glaustai. Off yra tai prekyba yra gal Å¡iek tiek Å¡iek tiek daugiau paslaptingas visi staiga, tiesa? 

Bent kol yra Å¡iek tiek daugiau aiÅ¡kinamajame, kÄ mes darome. Tai dolerio Å¾enklas, skliaustai, vieno citata, maiÅ¡os, colorDiv, tiesa? KÄ tai reiÅ¡kia? Na, tai iÅ¡ esmÄs tik document.getElementById colorDiv. 

Bet tai Å¡is sutrumpinta RÅ«Å¡iuoti bÅ«das tai daryti naudojant JQuery. Tegul tik paÅ¾velgti dabar bent keliais skirtingais bÅ«dais pora kad aÅ¡ iÅ¡ tiesÅ³ gali naudoti Å¡iÄ Document Object Modelis manipuliuoti vienetÅ³ mano svetainÄ. VisÅ³ pirma, mes ketiname reikia dirbti manipuliuoti tam tikros spalvos Div, colorDiv, tinklalapyje. Taigi tegul Tuo iÅ¡vaizdÄ. Gerai. Taigi, aÅ¡ ant puslapio. Tai vadinama bandymas.html kai atsisiunÄiate tai, jei norite Å¾aisti su tai. Ir aÅ¡ turiu krÅ«va Mygtukai Å¡iame puslapyje. Ir aÅ¡ sakau Specialias funkcijas fono spalvos, violetinÄ, Å¾alia, oranÅ¾inÄ, raudona, mÄlyna, vienas funkcija fono spalvos, renginys priÅ¾iÅ«rÄtojas fono spalvos, ir naudojant JQuery. KÄ aÅ¡ kalbu kai darau tai? Taigi mes matÄme mygtukus. Dabar galime paÅ¾velgti kai kodo Äia. PradÄsime testas.html. Taigi atskiros funkcijos fone spalva yra tai, kÄ aÅ¡ Äia Ä¯vedÄte. Leiskite man pereiti truputÄ¯. 

Ir jÅ«s pastebÄsite, kad aÅ¡ apibrÄÅ¾Ä Å¡iuos mygtukus pasakyti, kada Å¡is mygtukas paspaudÅ¾iamas, skambinkite funkcijÄ Ä¯jungti violetinÄ. Kai Å¡is mygtukas spustelÄkite, o, skambinti funkcija Å¾alias, paversti oranÅ¾inÄ, parausti, mÄlynuoti. JÅ«s tikriausiai galite atspÄti, kad tai galbÅ«t ne geriausias dizainas jausmas, tiesa? 

BÅ«tÅ³ malonu, jei galÄÄiau turÄti bendresnÄ¯ poÅ¾iÅ«rÄ¯. Na, visÅ³ pirma mes paÅ¾velgsime kÄ tie penki funkcijos document.getElementById colorDiv.style.background = violetinÄ, Å¾alia, oranÅ¾inÄ, raudona, ir mÄlyna, atitinkamai. Taigi, ne itin geriausias dizainas. 

Kitas rinkinys mygtukai AÅ¡ tai paraÅ¡iau viena funkcija vadinama keisti spalvÄ, kuri, matyt, priima eilutÄ kaip savo argumentÄ. Taigi, tai yra Å¡iek tiek geriau. VioletinÄ, Å¾alia, oranÅ¾inÄ, raudona, MÄlyna dabar yra argumentas. Taigi, aÅ¡ paraÅ¡iau bendresnis atveju JavaScript funkcija, kurios gali atrodyti kaÅ¾kÄ panaÅ¡aus Ä¯ tai. AÅ¡ einanÄios. Å i funkcija keiÄia spalvÄ yra tikisi argumentÄ, pavadintÄ spalva. Ir aÅ¡ sakau nustatyti fono spalva spalvai. Taigi Äia yra tai, kÄ aÅ¡ Äia turiu. Å tai Å¡iek tiek geriau. 

Bet aÅ¡ galÄtÅ³ padaryti geriau nei tai. Jei mes eiti paÅ¾velgti renginio vedliÅ³ situacijai, dabar visi Å¡ie skambuÄiai atrodo vienodai. Jei prisimenate uÅ¾ mÅ«sÅ³ diskusija apie Ä¯vykÄ¯ tvarkytojÅ³, Galiu gauti informacijÄ apie kuri iÅ¡ Å ie mygtukai buvo paspausti ir jÄ naudoti. 

Ir taip event.JavaScript, aÅ¡ paraÅ¡yta keiÄia spalvÄ Ä¯vykis, kuris skaiÄiai, kurie mygtukas paspaudÄte. Å tai gaidukas objektas linija. Ir tada Äia, tai bus tikrai sakytinis. Bet kÄ aÅ¡ darau yra aÅ¡ nustatant fonas spalva triggerObject inner.HTML. Å tai Ä¯ tekstÄ tarp mygtuko Å¾ymes. 

Ir tada aÅ¡ matyt turi nustatyti, kad jis maÅ¾osiomis. Ir tai, kaip aÅ¡ galiu konvertuoti visÄ string maÅ¾osiomis JavaScript naudojant Å¡is metodas maÅ¾osiomis raidÄmis. Nes kai aÅ¡ nustatyti spalvÄ, kaip aÅ¡ bandau padaryti Äia spalva turi bÅ«ti visi maÅ¾osiomis raidÄmis. 

Bet mygtukÄ, kad turÄjau, jei mes atsiÅ¾velgti kitÄ iÅ¡vaizdÄ, pastebÄsite, kad tekstas yra paraÅ¡yta kapitalo P-violetinÄ. Ir tada labai dugnas Äia, aÅ¡, matyt, pabandyti ir padaryti naudodami JQuery, kaip gerai. Ir Å¡iuo atveju, aÅ¡ ne iÅ¡ tikrÅ³jÅ³ paskambinÄ funkcijÄ ne visiems. AÅ¡ kÄ tik sakÄ klasÄ, kad aÅ¡ naudodamas Å¡Ä¯ mygtukÄ yra JQ mygtukÄ. Viskas. 

Taigi, kaip JQuery Å¾inoti, kÄ aÅ¡ darau? Na, tai yra vienas iÅ¡ privalumÅ³ slash trÅ«kumus JQuery. Jis gali leisti man daryti dalykus labai glaustai, bet gal ir ne kaip intuityviai. Gal tie kiti trys padaryti Å¡iek tiek daugiau pajusti, kÄ darau. Äia, nors, kas vyksta? 

Matyt, sukurti anoniminis funkcija kad apkrovos, kai mano dokumentas yra pasirengusi, todÄl document.ready, kai funkcija nutiks. IÅ¡ esmÄs, kai yra dokumentas, paruoÅ¡tas? Tai kai mano puslapis buvo Ä¯keltas. 

Taigi kuo greiÄiau mano puslapis buvo Ä¯kelta, Å½emiau funkcija yra visada pasiruoÅ¡Ä. Ji sako, jei tipo jQButton objektas, arba jei klasÄ jQButton buvo paspaudÄte, vykdyti Å¡iÄ funkcijÄ. Taigi Äia du anoniminiai funkcijos, vienas apibrÄÅ¾ta viduje Ä¯ kitÄ. 

Taigi visÄ mano kontekste Äia iki Å¡iol yra mano puslapis kai jis Ä¯kelia ji vadina Å¡iÄ funkcijÄ. Ir Å¡i funkcija laukia uÅ¾ vieno mygtuko bÅ«ti paspaudÄte. Ir kai mygtukas paspaudÅ¾iamas, JQ mygtukÄ specialiai yra paspaudÄte, jis tai vadina kita funkcija, kuri vyksta nustatyti fonÄ spalva colorDiv bÅ«ti kokia tekstas yra tarp Å¾ymiÅ³. 

Tai sÄvoka kurÄ¯ mygtukÄ paspausti buvo. Bet kitaip, tai yra rÅ«Å¡iuoti elgiasi panaÅ¡us Ä¯ renginÄ¯. Tai tiesiog tas pats kaip aÅ¡ bÅ«tÅ³ iÅ¡reikÅ¡ti tai JQuery. VÄlgi, tai tikriausiai daug bauginanti. Tai nÄra aiÅ¡ku, kaip kaÅ¾kas panaÅ¡aus event.js, kuri gal Å¡iek tiek daugiau daugiaÅ¾odis, bet Å¡iek tiek maÅ¾iau bauginanti. 

Bet jei mes grÄ¯Å¾ti Ä¯ mano narÅ¡yklÄje langas, jei aÅ¡ pradedu clicking-- gerai, kad pasikeitÄ violetinÄ. Tai Å¾alia naudojant string metodÄ. Tai apelsinÅ³ naudojant aptarnavimo Ä¯vykio. 

Tai raudona naudojant JQuery, tiesa? Jie visi elgiasi lygiai taip pat,. Jie tiesiog tai padaryti naudojant skirtingÄ metodus siekiant iÅ¡sprÄsti problemÄ. Yra daug daugiau JQuery tada mes tikrai ketiname kalbÄti apie Å¡io vaizdo. Bet jei norite suÅ¾inoti daugiau, galite eiti Ä¯ JQuery rÅ«Å¡ies dokumentus ir mokytis gana Å¡iek tiek daugiau apie Tai labai lanksti biblioteka, kuri yra puikus daro kliento pusÄje skriptÅ³ pavyzdÅ¾iui, kÄ mes darome manipuliuoti iÅ¡vaizdÄ ir jaustis mÅ«sÅ³ internetiniame puslapyje su Document Object Model. AÅ¡ Doug Lloyd. Tai CS50.