[SKAN MŪZIKA]
DAGS LOIDS: Tātad mūsu video par JavaScript mēs jūs iepazīstinājām ar
objekta jēdzienu.
Un šajā video es vēlos runāt par ļoti konkrētu objektu, ko mēs varam
izmantot, lai manipulētu ar datiem un saturu mūsu tīmekļa lapās, ko
sauc par dokumenta objektu.
Tagad jūs varat atcerēties no tās diskusijas JavaScript videoklipā,
ka objekti būtībā satur divas dažādas lietas.
Tie satur kaut ko, ko sauc par rekvizītiem vai datiem.
Un tie satur metodes, kas ir funkcijas, kas attiecas tikai uz šiem
objektiem.
Bet kur mēs īsti neiedziļinājāmies, bija tas, ka šie objekti, - ko
jūs varat tajos ievietot - patiesībā ir diezgan elastīgi.
Ar tiem var paveikt daudz un dažādas lietas.
Jūs varat ne tikai ievietot datus.
Tajā varat ievietot arī citus objektus vai masīvus.
Un varbūt tajos objektos, kurus ievietojat tajā lielākā objektā, ir
arī citi objekti.
Tātad jūs varat izveidot šo objektu ligzdošanas struktūru vienā
JavaScript objektā, kas, ja padomājat, atceroties mūsu diskusiju par
C valodu un kokiem, tā izveido koka struktūru, kurā jums ir viens
objekts, tajā ir vēl viens, tajos ir citi utt.
Viens ļoti specifisks objekts JavaScript tiek saukts par dokumenta
objektu.
Un tas ir objekts, kas būtībā pārorganizē visu vienas tīmekļa lapas
saturu vienā JavaScript objektā.
Kad jūs zināt dokumenta objekta metodes un rekvizītus, varat tos
mainīt JavaScript.
Vērtībai var piešķirt dažādus rekvizītus.
Varat izsaukt objekta metodes, lai mainītu dažus no šiem rekvizītiem,
kas ļauj manipulēt ar vietnes saturu vai izskatu un darbību, tikai
izmantojot JavaScript, nevis atgriezties un rediģēt HTML vai Python,
kas ir tā pamatā.
Tātad, šeit ir ļoti vienkāršas HTML vietnes piemērs.
Šeit tiešām nekas daudz nenotiek.
Bet, kā redzat, ir HTML tagi.
Tajā mums ir head sekcija un body sekcija.
Head sekcijā mums ir nosaukums “Hello, world”. Body sekcijā mums ir
pāris dažādi tagi.
Mums ir H2 jeb otrā līmeņa galvenes tags, rindkopas tags un saite.
Un to visu faktiski var attēlot JavaScript kā dokumenta objektu.
Mēs faktiski varam visu to sakārtot hierarhiski, līdzīgi tam, ko
darām ar atkāpi, kur skaidri redzams, ka lietas, kas ir ievilktas
vienu līmeni tālāk, ir ligzdotas ar cita iekšpusi — ligzdotas citas
HTML daļas iekšpusē.
Piemēram, lūk, kāda varētu būt tās vienkāršas tīmekļa lapas koka
struktūra, kuru tikko apskatījām.
Tātad mums ir dokuments.
Tajā mums ir HTML.
Un to attēlo mūsu rīcībā esošais HTML tags.
Un viss, kas tajā atrodas, ir ligzdots zem tā, kā redzat.
Mūsu HTML ir divas galvenās lietas nākamajā līmenī.
Ir head sekcija un body sekcija.
Tātad mēs varam īpaši aplūkot head.
Un mēs redzam, ka head sekcijā ir virsraksts.
Un virsrakstā ir teksts “Hello, world”. Un mēs varam arī aplūkot
body, kas ir pilnīgi atšķirīgs objekta vai koka segments, kura
iekšpusē ir katrs no šiem trim atsevišķiem gabaliem, h2, p un tags.
Un to visu var attēlot kā kokā, kas, kā redzat, iezīmējot tekstu zaļā
krāsā HTML, tiek saskaņots arī ar mūsu HTML sadaļu.
Tātad dokumenta objektam ir rekvizīti, tāpat kā jebkuram citam
objektam.
Un tam ir arī vairākas metodes.
Un, ja jūs atkal — un mēs par to runāsim pēc brīža — zināt, kā
pārvietoties pa dokumenta objektu, sākot no augšas un urbjot līdz
vajadzīgajai lapas sadaļai, varat mainīt vietnes izskatu.
Tātad patiesībā iedziļināsimies IDE un apskatīsim, kā jūs paši varat
redzēt dokumenta objektu pārlūkprogrammā.
Labi.
Tātad mēs esam manā IDE, un es ļoti ātri tikai parādīšu, ka tas ir
tieši tas pats HTML, kas mums bija slaidā tieši pirms brīža.
Un man ir faktiski atvērta lapa citā cilnē šeit.
Jūs arī pamanīsit, ka es atvēru savu Developer Console.
Ja izmantojat Google Chrome, parasti varat to izdarīt, izmantojot
taustiņu kombināciju Control-Shift-J PC datorā vai Command-Shift-J
Mac datorā.
Un tas vienkārši atver JavaScript Console.
Un atcerieties no mūsu JavaScript videoklipa, ka mēs varam izmantot
Console, piemēram, izmantojot console.log, lai izdrukātu informāciju
konsolei, kad mēs pārlūkojam savu lapu.
Ir arī citas lietas, ko mēs varam darīt ar Console.
Mēs varam arī ievadīt komandas, lai tā kaut ko darītu.
Un tāpēc tas, ko es darīšu šoreiz, ir kaut kas nedaudz atšķirīgs.
Tā vietā, lai rakstītu console.log, es rakstīšu console.dir.
Un tas, ko darīs console.dir, pamatā mēģinās sakārtot manas lapas
saturu šeit direktoriju struktūrā, kas būtībā ir augstākās
kvalitātesobjekta aprakstīšanas veids.
Tātad mēs varam apskatīt un redzēt, kas atrodas objektā.
Un uz kādu objektu es gribu skatīties?
Nu, es gribu apskatīt dokumenta objektu, tāpēc es dodos uz
console.dir dokumentu.
Kad es šeit nospiedīšu taustiņu Enter, mēs redzēsim, ka es saņēmu
pretī undefined.
Bet virs tā man ir šāda veida dokuments ar tēmturi.
Tā ir JavaScript Console, kas man atgriež dokumenta objektu.
Kad tas tiks atvērts, tajā būs daudz lietu.
Un par daudz ko mēs īsti nerunāsim.
Es tikai vēlos jums parādīt, kā lietas ir ligzdotas šajā dokumenta
objektā.
Tāpēc es atvēršu šo.
Un atkal šeit ir daudz lietu.
Bet tas, ko es patiešām vēlos apskatīt, ir children, tāpēc tikai
aplūkojot dokumenta objekta children rekvizītu.
Un jūs varat redzēt, ka tur ir viens.
Ja es to atveru, ko jūs šeit redzat?
Dokumenta objektā ir viens bērns, ko sauc par HTML, ko jūs varētu
atcerēties no mūsu diagrammas pirms dažiem slaidiem.
Ja es to atvēršu, jūs redzēsiet, ka tajā ir arī bērni, patiesībā,
divi no tiem ir head un body.
Un es varu turpināt veikt šo vingrinājumu līdz galam.
Bet patiesībā, ja es turpinātu to darīt un es skatītos head sekcijā,
es atrastu nosaukuma tagu.
Es varētu to atvērt un redzēt, kas tur ir.
Body sekcijā es atklātu, ka ir trīs bērni, h2, p un tags.
Tie visi ir ligzdoti šajā lielajā dokumenta objektā.
Un mēs faktiski varam manipulēt ar šo objektu, izmantojot JavaScript.
Atgriezīsimies pie slaidiem un nedaudz parunāsim par to, kā mēs
varētu to izdarīt.
Tātad atkal, dokumenta objekts, kā jūs redzējāt, kad mēs to tikko
skatījāmies konsolē, ir diezgan liels.
Tur ir daudz lietu.
Mēs nerunāsim par visu, jo ne viss būs patiešām nepieciešams, kad jūs
sāksiet ar to strādāt.
Taču es vēlos aplūkot dažus lielus rekvizītus, kurus varat izmantot,
strādājot ar dokumenta objektu, kā arī dažas metodes.
Piemēram, viens no tiem ir InnerHTML, kas satur HTML tagu komplektu.
Piemēram, virsraksta taga InnerHTML, ja man būtu jāiedziļinās šajā
sadaļā, būtu “Hello, world” vai vienalga kā es to nosaucu —
neatkarīgi no manas lapas faktiskā nosaukuma.
Tas ir virsraksta taga InnerHTML vai virsraksta mezgls, vai
virsraksta objekts kopējā dokumenta objektā.
nodeName tāpat būtu tikai nosaukums mezglam, kuru mēs tikko
aprakstījām, vai objekta sadaļai, kuru mēs tikko aprakstījām.
Id.
No mūsu video par HTML un CSS, iespējams, atceraties, ka noteiktiem
HTML elementiem varam norādīt neobligātu ID atribūtu.
Mēs parasti to izmantojam CSS kontekstā, piemēram, lai izveidotu
stilu vienam noteiktam mezglam vai vienai noteiktai tagu kopai mūsu
HTML ar noteiktu stilu.
Mēs varam piešķirt tam ID, lai CSS zinātu, kurai lapas sadaļai
piemērot šo stilu.
Tātad šis īpašums tikai ļautu mums noskaidrot, kāds ir konkrētā
mezgla ID.
parentNode ir atsauce uz vienu līmeni augstāk esošo mezglu.
Tātad vēlreiz, ja skatos uz virsraksta mezglu — pagaidām turpināšu
izmantot šo piemēru — tā vecākmezgls būtu head, jo virsraksts šajā
koka struktūrā ir ligzdots head sekcijā.
childNodes ir gluži pretēji tam.
Tas ir tas, kas ir zemāks par to, kur es šobrīd esmu.
Tātad, ja es tagad izmantoju body mezglu kā piemēru, jo mēs esam
ligzdojuši šajā koka sadaļā, body mezgla bērnu mezgli būtu h2 un p un
a.
Tie būtu trīs bērnu mezgli no šī apgabala.
atribūti, HTML elementa atribūtu masīvs.
Labs piemērs šeit ir attēla tags.
Tātad, ja es atkal pārvietojos dokumenta objektā, izmantojot
JavaScript, un es nonāku pie attēla taga un vēlos noskaidrot, kādi
atribūti tam ir, varat atcerēties, ka attēla atribūtos ietilpst,
piemēram, tā avots.
Kas ir avota datne?
Vai varbūt esmu norādījis arī neobligātos augstuma un platuma
parametrus.
Tie būtu visi atribūti, kas saistīti ar konkrēto dokumenta objekta
mezglu.
Un tad stils, kas ir viens no veidiem — tas ir vēl viens veids, kā
mēs faktiski varam veidot lapas izskatu un sajūtas.
Un pēc dažiem mirkļiem mēs faktiski izskatīsim piemēru, kur mēs īpaši
manipulējam ar šo rekvizītu, stila rekvizītu, lai kaut ko mainītu.
Bet tas ir analoģisks noteiktas sadaļas vai lapas daļas CSS stilam.
Tātad šie ir daži no visizplatītākajiem rekvizītiem.
Ir arī četras izplatītākās metodes, kuras jūs varētu redzēt.
Un atkal, ir daudz vairāk par šo.
Bet šeit ir četras, kuras varat izmantot, kad sākat strādāt ar
dokumenta objektu.
getElementById.
Un ievērojiet, ka tagad, tā kā mēs runājam par metodēm, visas šīs ir
funkcijas, kurām pēc izvēles var būt nepieciešami parametri.
Šajā gadījumā mēs meklējam elementu ar noteiktu ID.
Tas ir parametrs, kas tiek nodots tur.
Tātad, ja mēs, iespējams, esam izveidojuši noteiktu elementu,
izmantojot CSS, un esam tam piešķīruši šo neobligāto ID atribūtu, šī
metode mūsu vietā pārvietotos pa visu dokumenta objektu un atrastu
konkrēto mezglu, vienu no tiem, kas atrodas tālāk kokā vai tālāk
ligzdotu objektā.
Tā atrastu šo lapas sadaļu un atgrieztu jums M objektu no šī punkta
uz leju.
getElementsByTagName.
Ievērojiet, ka tā ir getElements.
Tā, piemēram, varētu atrast visus gadījumus, kad es izmantoju B tagu.
Tā dotu man visu manas vietnes treknrakstā atzīmēto sadaļu masīvu.
appendChild būtībā ļauj man pievienot papildu mezglu zemāk, kur es
šobrīd esmu, tāpēc tā ļauj man paplašināt lietu skaitu.
Es varētu uzreiz pievienot jaunu elementu savas vietnes pamattekstam.
Es varu pievienot, iespējams, jaunu rindkopas tagu vai H3, vai kaut
ko citu, kas tur nebija pirms šīs metodes izmantošanas šeit.
Un tad removeChild ir gluži pretēja.
Tā izdzēš lapas sadaļu, no dokumenta objekta noņemot šo HTML daļu,
visu mezglu.
Es gribu norādīt uz vienu lietu, kas programmētājiem rada daudz
sirdssāpes.
Es zinu, ka tas man ir radījis daudz sirdssāpes.
Lietojot atribūtu getElementById, ievērojiet, ka D Id laukā ir
rakstīts ar mazo burtu.
Parasti, ja identifikācijai izmantojam terminu ID, tas parasti ir
lielais I un lielais D.
Es pat nevaru pateikt, cik reizes esmu nejauši ierakstījis lielo I,
lielo D šeit.
Un tad es saņemu JavaScript error, jo tā nezina, par ko es runāju.
Tāpēc, nosaucot to par plaši izplatītu problēmu, esiet ļoti
piesardzīgi, lietojot to, izmantojiet mazo burtu D.
Tā kā dokumenta objekts ir viena liela lieta, kurā ir ligzdoti daudzi
objekti, ja mēs sākam no augšas, izmantojot šos rekvizītus un
metodes, varam atrast ceļu uz jebkuru citu dokumenta objekta
apgabalu.
Tagad jūs, iespējams, pamanījāt, ka daži no šiem terminiem, daži no
šiem rekvizītu nosaukumiem un daži no šiem metožu nosaukumiem ir
patiešām ļoti gari.
Lai to izdarītu, būtu daudz jāraksta.
Un tāpēc tas ir pieņemts, strādājot pie projekta, kurā ir daudz
manipulāciju ar dokumentu objektiem, izmantot JavaScript bibliotēku
ar nosaukumu jQuery.
jQuery ir diezgan populāra.
Iespējams, tā ir vispopulārākā pašlaik izmantotā JavaScript
bibliotēka.
Tas pastāv jau apmēram 10 gadus.
Tā ir atvērtā koda bibliotēka.
Un tā dara daudzas lietas.
Taču viena no lietām, ko tā dara īpaši labi, ir tā sauktā klienta
puses skriptēšanas vienkāršošana, kā arī koda rakstīšana, lai mainītu
lietas savā datorā tā, lai ietekmētu vietnes izskatu un sajūtas.
Dokumentu objektu manipulācijas ir viena no tām lietām, ko tā veic
ļoti labi.
Tā arī diezgan labi veic AJAX vaicājumus, par kuriem mēs runāsim citā
AJAX videoklipā.
Tā, piemēram, šī ir neapstrādāta JavaScript versija, ko mēs darām
šajā neapstrādātā JavaScript versijā, maina vienu lapas sadaļu.
Es atrodu savas lapas elementu, kura ID ir colorDiv.
Tāpēc es sāku no dokumenta augšdaļas.
Tā izskatīs visu dokumenta objektu, visus zem tā esošos ligzdotos
mezglus, lai atrastu lapas sadaļu ar nosaukumu colorDiv.
Un es došos uz turieni un iestatīšu šī mezgla stila rekvizīta
backgroundColor rekvizītu zaļā krāsā.
Tātad būtībā viss, kas šeit notiek, ir tas, ka es mainu vienas savas
lapas sadaļas fona krāsu uz zaļu.
Šeit daudz jāraksta, lai to izdarītu tīrā JavaScript.
Izmantojot jQuery, kompromiss ir tāds, ka jūs iegūstat īsāku tekstu —
jums ir jāievada mazāk informācijas.
Jums ir īsāka koda rinda.
Bet tā izskatīsies mazliet dīvaināk.
Tātad tā darītu tieši to pašu, izmantojot jQuery sintaksi.
Dolāra zīme ir īss veids, kā pateikt jQuery.
Un tā meklēs manas lapas sadaļu ar nosaukumu colorDiv.
Tā ir jQuery sintakse.
Un es nomainīšu šī mezgla CSS fona krāsu uz zaļu.
Atkal, tas ir mazliet dīvaini.
Bet tas ir īsāks veids, kā darīt to pašu.
Tāpēc bieži vien to redzēsit pretstatā garākajai JavaScript versijai,
kad redzat kādu klienta puses skriptēšanu.
Tagad es vēlos atgriezties pie IDE un nedaudz parādīt kā — parādīt
dažus piemērus - kā mēs faktiski varam manipulēt ar dokumenta
objektu, izmantojot JavaScript un jQuery, lai mainītu sadaļas krāsu
tīmekļa lapā.
Labi.
Tātad šeit ir ļoti vienkārša tīmekļa lapa — un jūs varat lejupielādēt
šo piemēru, pārskatot šo videoklipu — kurā ir daudz dažādu pogu.
Un, kā redzat augšpusē, tur ir sadaļa “Change my color!” Mēs
mēģināsim mainīt šīs lapas sadaļas fona krāsu.
Un acīmredzot es to darīšu četros dažādos veidos.
Ir atsevišķas funkcijas fona krāsai, kas rakstītas JavaScript; viena
funkcija, lai mainītu fona krāsu, lai, iespējams, nedaudz uzlabotu
dizainu; notikumu apdarinātājs — atcerieties no mūsu videoklipa
beigām par JavaScript, mēs nedaudz runājām par notikumu
apdarinātājiem, tāpēc šī būs vēl viena iespēja redzēt tos darbībā —
un viens piemērs, kur mēs darām tieši to pašu, neapstrādāta
JavaScript vietā izmantojot jQuery.
Apskatīsim, kā patiesībā izskatās šīs vietnes kods.
Manā IDE mēs atvērsim šo cilni.
Kā redzat, es ielādēju pāris dažādus JavaScript skriptus savas lapas
sākumā, tāpēc es galvenokārt izmantoju tēmturis include, kas ir
analoģija šeit ar C valodu, pāris JavaScript datnes.
Un man ir viena datne katram no četriem dažādiem krāsu manipulācijas
veidiem, ko mēs veiksim.
Un tad šeit - tas nav īpaši labi izstrādāts HTML, taču tas tiek galā
ar darbu.
Man ir viena sadaļa ar piecu pogu komplektu fona krāsu pogām, viena -
krāsas kā parametra nodošanai, viena - notikumu apstrādātājam, un
viena - jQuery pogām.
Un tās visas izskatās nedaudz atšķirīgas.
Tāpēc sāksim, aplūkojot atsevišķas krāsas.
Tātad šeit tiešām nav daudz.
Jūs redzējāt, ka es uzrakstīju šīs piecas dažādās funkcijas:
turnPurple, turnGreen, turnOrange, turnRed un turnBlue.
Un viss, ko tās dara, ir - izmantojot tīru JavaScript - tās iegūst
elementu pēc colorDiv ID, kas ir elements, kuram mēs cenšamies mainīt
fona krāsu.
Un es iestatīju tā stila fona krāsu atribūtu uz violetu, zaļu,
oranžu, sarkanu vai zilu, kā aprakstīts.
Tātad tas, cerams, ir pats par sevi saprotams.
Tad mums ir sava veida vispārēja nozīme, kur, pretēji, mēs nododam
krāsu kā parametru.
Iespējams, atceraties, uz mirkli atskatoties uz mūsu HTML, ka šeit es
nododu krāsas: violetu, zaļu, oranžu, sarkanu un zilu, kā šīs
funkcijas parametrus.
Un vispārējam mērķim es vienkārši saku, ka es ievadīju parametru, ar
iestatītu colorDiv backgroundColor tajā krāsā.
Tad mums ir ieslēgts notikumu apstrādātājs.
Tāpēc atcerieties — ja aplūkojam notikumu apstrādātāju viens, rinda
izskatās vienāda visiem pieciem.
Taču no mūsu diskusijas par notikumu apdarinātājiem, iespējams,
atceraties, ka notikumu apdarinātājs darbojas tad, kad noklikšķināt
uz pogas. Piemēram, notikumu apstrādātājs tver informāciju par to,
kas to izraisīja.
Tas, piemēram, zina, uz kuras pogas jūs noklikšķinājāt.
Un visas šīs pogas — es uz brīdi pāriešu uz HTML.
Visām šīm pogām ir atšķirīgs nosaukums — violeta, zaļa, oranža,
sarkana un zila, ar lielajiem burtiem, tas ir vārds, kas faktiski
tiks atainots uz pogas.
Tāpēc man ir veids, kā tās visas atšķirt.
Bet kā izrādās - atvainojos par to.
Kā izrādās, lai mana krāsas maiņa darbotos, es nevaru ievadīt krāsas
nosaukumu ar lielo burtu.
Man ir jānodod informācija ar mazo burtu.
Tā vietā es iestatīšu dokumenta colorDiv backgroundColor uz jebkuru
objektu, kas izraisīja notikuma izsaukšanu.
Es apskatīšu tā InnerHTML — tad šeit šis InnerHTML rekvizīts tiek
pielietots.
Un tas, ko es ar to darīšu, ir - pārveidošu visu šo virkni, lai
lielais P violetais burts būtu mazs.
Tātad būtībā tas, kas šeit notiek, ir sekojošais - es noklikšķinu uz
pogas, teiksim, es noklikšķinu uz violetas pogas, un notiek tas, ka
lielais P burts tiek pārvērsts par violetu mazajiem burtiem.
Un tad vārds “purple” kļūs par krāsu, uz kuru es iestatu
backgroundColor.
Tāpēc cerams, ka tam ir jēga.
Es atkal noklikšķinu uz pogas.
Šai pogai ir nosaukums.
Es vienkārši izmantoju šīs pogas nosaukumu, InnerHTML satricinājumu
starp pogu tagiem, darot to visu ar mazajiem burtiem.
Un tā ir krāsa, kurai es varu piešķirt backgroundColor.
Atkal, jūs varat spēlēties ar to, kad jūs mānījat, ja sekojat šim
videoklipam un, iespējams, iestatāt citas dažādas krāsas, lai
redzētu, ka varat veikt arī šīs izmaiņas.
Un tad mums ir šī jQuery versija.
Un mēs šeit vēlreiz apskatīsim HTML.
Ņemiet vērā, ka ar šo tas izskatās nedaudz savādāk.
Šoreiz nenorādīju onClick atribūtu.
Es veidoju jaunu klasi, ko sauc par jQuery pogu.
Bet šķiet, ka nav nevienas funkcijas, kas tiktu izsaukta.
Tā ir sava veida blakusparādība tam, kas notiek jQuery bibliotēkā.
Un veids, kā darbojas jQuery — vai viens no veidiem, kā jQuery var
darboties, ir tas, ka mēs varam darīt kaut ko līdzīgu šim.
Tā izmanto anonīmas funkcijas.
Atcerieties, ka, izmantojot JavaScript, mums ir šāds jēdziens par
anonīmām funkcijām.
Mums var būt funkcijas, kurām nav nosaukumu.
Tātad šeit notiek tas, ka dokuments — atkal ir vārds “document” - kad
dokumenta objekts ir pilnībā ielādēts vai gatavs, lapa izpildīs tālāk
norādīto funkciju.
Tā teiks: es meklēšu katru gadījumu, kad kaut kas pieder klasei — tas
ir tas mazais punkts, atcerieties, ka no CSS — klases JQ poga parādās
lapā.
Un, kad tiek noklikšķināts uz kādas no šīm pogām, es izpildīšu šo
citu anonīmo funkciju, kas principā darīs to, ko mēs tikko redzējām
pēdējā piemērā, kur mēs visu pogas tekstu pārveidojām ar mazajiem
burtiem, un tas kļūst par krāsas nosaukumu, ko varam piešķirt.
Bet es tikai gatavojos to darīt, izmantojot jQuery sintaksi, nevis
JavaScript sintaksi.
Tātad atkal tas, kas šeit notiek, ir - dokuments, lapa ir pilnībā
ielādēta.
Un, kad lapa ir pilnībā ielādēta, lapai tiek piemērota šāda funkcija.
Katrai jQuery pogai tiek piešķirts šis papildu atribūts, šis onClick
atribūts, tādējādi, noklikšķinot uz tās, tā piešķir krāsu,
pamatojoties uz pogas tekstu.
Atkal, mēs neiedziļināsimies daudzās detaļās par pašu jQuery.
Tas ir sava veida vingrinājums mājāsdarbam.
Taču šī šeit redzamā versija ir tieši tāda pati kā notikumu
apdarinātāja versija, ko tikko redzējām tīrai JavaScript, izņemot
rakstītu jQuery stilā.
Un, ja es patiešām dodos uz tīmekļa lapu, visas šīs četras pogas
faktiski darbojas.
Es varu noklikšķināt uz violetas šeit, uz zaļas šeit.
Es varu noklikšķināt uz oranžas, sarkanas.
Tās visas dara tieši to pašu.
Tās to vienkārši dara, veicot pāris dažādus paņēmienus.
Cerams, ka varat izmantot šo piemēru, lai sniegtu labāku izpratni par
funkciju izmantošanu JavaScript, notikumu izmantošanu JavaScript un,
iespējams, izmēģinot jQuery.
Tātad, ja vēlaties uzzināt vairāk par jQuery, izņemot to, par ko mēs
runājam šajā videoklipā, varat doties uz jQuery dokumentāciju, kas ir
pieejama vietnē, ko redzat šeit ekrānā.
Tā ir lieliska vieta, kur doties, lai uzzinātu par dažām
interesantākajām lietām, ko varat darīt, izmantojot jQuery.
Nedaudz vairāk par to mēs redzēsim arī mūsu videoklipā par AJAX.
Es esmu Dags Loids.
Šis ir CS50.