1
00:00:00,270 --> 00:00:01,320
Welkom terug.

2
00:00:01,320 --> 00:00:07,770
In deze video gaan we tijd besteden aan het praten over de verschillende manieren van het selecteren van elementen met behulp van javascript en de pop.

3
00:00:08,100 --> 00:00:12,600
Voordat we praten over de feitelijke selectors we nodig hebben om gewoon bekijken het document nog een keer.

4
00:00:12,720 --> 00:00:20,160
Vergeet niet dat onze hele dorm alle objecten alle voorstellingen van onze elementen alle leven in dit document object.

5
00:00:20,220 --> 00:00:23,850
Het is het hoogste niveau object of de root-node.

6
00:00:25,140 --> 00:00:27,760
Zo snel Laten we het openstellen van elke browser-venster.

7
00:00:27,870 --> 00:00:32,060
Ik ga naar Google te gebruiken en laten we proberen het typen van deze vier lijnen.

8
00:00:32,430 --> 00:00:40,300
Dus het openstellen van de console en het type document dot u l en het toont ons de URL van de pagina die we op.

9
00:00:40,610 --> 00:00:46,400
U kunt dit doen document dot banden en dat is een hele lijst van elke link op de pagina.

10
00:00:46,410 --> 00:01:00,610
Elke ankertag we kunnen document dat Vadi en dit is het hele lichaam met elk ander element erin, dat leeft in het lichaam te doen en kunnen we document dot hoofd doen.

11
00:01:00,660 --> 00:01:03,340
Dus we hebben dit al gezien in de laatste paar video's.

12
00:01:03,360 --> 00:01:10,570
De reden dat ik het je weer te zien ben is dat alle van de selectors alle methoden gaan we ook leren leven in het document.

13
00:01:10,620 --> 00:01:17,250
Dus alles wat we leren in deze video gaat om te beginnen met een document dot iets.

14
00:01:17,280 --> 00:01:21,250
Dus ik zal je laten zien wat die nog wat zijn.

15
00:01:21,270 --> 00:01:24,030
Er zijn vijf belangrijkste methoden gaan we over praten in deze video.

16
00:01:24,030 --> 00:01:25,860
Ze zijn allemaal ingebouwd in het document.

17
00:01:25,860 --> 00:01:27,920
Ze beginnen allemaal met document stip.

18
00:01:28,020 --> 00:01:37,050
Je kunt ze hier te zien krijgen element door id krijgen elementen per klasse naam krijgen elementen op tag naam queery selector en queery selector.

19
00:01:37,050 --> 00:01:46,020
Alle als je kunt terug naar de video die ik heb over het toevoegen van methoden om een ​​object waar we eigenlijk een functie zou kunnen slaan als een waarde in plaats van een object te denken.

20
00:01:46,140 --> 00:01:53,280
We hadden als kat ruimte in honden de ruimte en we moesten methode die we toegevoegd aan onze hond de ruimte object spreken.

21
00:01:53,310 --> 00:01:55,080
Dat is precies wat hier gebeurt.

22
00:01:55,260 --> 00:02:00,060
Deze vijf methoden zijn allemaal toegevoegd aan het document object.

23
00:02:00,900 --> 00:02:07,100
Dus voordat we hier eigenlijk aan de slag wil ik u de H-G mail die ik ga gebruiken voor demonstratiedoeleinden.

24
00:02:07,230 --> 00:02:10,660
Het is een zeer eenvoudige pagina heeft slechts een paar elementen.

25
00:02:10,890 --> 00:02:16,020
Dus onze normale kop is vrijwel leeg afgezien van een titel of lichaam.

26
00:02:16,020 --> 00:02:20,350
En vervolgens in het lichaam H-1 is er een die hello zegt.

27
00:02:20,580 --> 00:02:21,910
Een ander die zegt vaarwel.

28
00:02:22,140 --> 00:02:30,160
En dan drie bondgenoten in plaats van een UL en die drie bondgenoten item in de lijst een twee en drie zijn iets anders.

29
00:02:30,180 --> 00:02:35,450
De eerste heeft een ID hoogtepunt en de laatste te zijn een klasse met de naam vetgedrukt.

30
00:02:35,670 --> 00:02:36,720
Dus we gaan gebruiken.

31
00:02:36,720 --> 00:02:40,430
Het feit dat sommige van hen zijn H-1 een aantal van de elementen zijn bondgenoten.

32
00:02:40,440 --> 00:02:41,430
Sommige hebben klassen.

33
00:02:41,430 --> 00:02:42,550
Men heeft een ID.

34
00:02:42,630 --> 00:02:48,210
We gaan die verschillende eigenschappen gebruiken om ze op verschillende manieren en verschillende combinaties te selecteren.

35
00:02:48,300 --> 00:02:54,680
Dus ik ben met behulp van dezelfde code hier in de voorbeelden en ik ben het tekenen van een groene doos, zodat je kunt zien in de komende paar dia's.

36
00:02:54,690 --> 00:02:57,810
Een groene doos in de buurt van wat is geselecteerd.

37
00:02:58,410 --> 00:03:00,680
OK dus laten we beginnen met de eerste methode.

38
00:03:00,780 --> 00:03:02,640
Krijg element door ID.

39
00:03:02,970 --> 00:03:05,310
Dus de naam is een beetje voor zichzelf.

40
00:03:05,550 --> 00:03:11,750
Het duurt in een ID naam en het gaat om het ene element dat overeenkomt met dat ID terugkeren.

41
00:03:11,820 --> 00:03:15,220
Vergeet niet dat een ID slechts één keer kan voorkomen op een pagina.

42
00:03:15,240 --> 00:03:18,560
Dus hier is een voorbeeld document bedijkt get element door ID.

43
00:03:18,600 --> 00:03:26,940
Highlight gaat deze bondgenoot die Id hoogtepunt heeft dus het object selecteert selecteren en vervolgens stuurt het terug naar ons.

44
00:03:27,030 --> 00:03:29,450
Ik zal al snel blijkt dat in de raad.

45
00:03:29,520 --> 00:03:40,000
Dus we zullen het openstellen van de console naar een documenttype get element door id hoogtepunt dat is onze ID-naam.

46
00:03:40,100 --> 00:03:43,020
Laten we opslaan in een variabele met de naam tag.

47
00:03:43,020 --> 00:03:43,730
Druk op enter.

48
00:03:43,890 --> 00:03:45,260
En laten we eens kijken naar TAG.

49
00:03:45,690 --> 00:03:49,940
En je ziet het geeft ons de eerste lijn die ID gelijk is aan markeren heeft.

50
00:03:50,040 --> 00:03:52,670
Zo selecteerden we iets door een ID.

51
00:03:52,800 --> 00:03:59,430
Opnieuw wordt toont ons alsof het hem eigenlijk goed is ouder, maar het resultaat van dit is eigenlijk een javascript-object.

52
00:03:59,430 --> 00:04:02,980
Dus we kunnen doen dat geannuleerd die Diyar weer op tag.

53
00:04:03,330 --> 00:04:05,030
En dit is eigenlijk hoe het eruit ziet.

54
00:04:05,040 --> 00:04:06,320
Al deze eigenschappen.

55
00:04:06,480 --> 00:04:13,670
Dus dit is gewoon een leuke snelkoppeling voor ons om visueel te zien wat we geselecteerd, maar in werkelijkheid is het een object representatie.

56
00:04:13,860 --> 00:04:16,740
Oké dus dat is alles wat er te krijgen door het element ID.

57
00:04:17,070 --> 00:04:30,310
We noemen de methode die we passeren in één tekenreeksargument de naam van een ID die we willen en dan gaat het en vindt de bijpassende element dat dezelfde ID heeft en het keert het object representatie voor ons.

58
00:04:31,320 --> 00:04:36,780
De volgende is krijgt elementen per klasse naam, zodat zijn naam vertelt je precies wat het doet.

59
00:04:36,840 --> 00:04:38,690
Net als krijgt element door ID.

60
00:04:38,820 --> 00:04:43,540
Hoewel dit is iets anders Krijg elementen meervoud met een S op naam van de klasse.

61
00:04:43,620 --> 00:04:46,990
Vergeet niet een klasse kan optreden zo vaak als we willen op een pagina.

62
00:04:47,100 --> 00:04:56,130
Zo komen we in een string, zoals vet en dat gaat om een ​​lijst van alle elementen op de pagina die de naam matching klasse vet terug te keren.

63
00:04:56,160 --> 00:05:04,150
In dit geval zijn er twee van hen, maar als er tienduizend elementen op de pagina die die klasse hadden we zouden allemaal 10000 krijgen in een lijst.

64
00:05:04,380 --> 00:05:19,610
Dus laten we gaan demonstreren dit zo zal document get element waardeert per klasse naam en je kunt zien als we dit kleine autocomplete hier, dus we degene die we willen elementen per klasse naam en vervolgens de naam van de klasse die we willen is vetgedrukt kunt selecteren.

65
00:05:20,130 --> 00:05:21,650
Laten we opslaan in een variabele.

66
00:05:21,650 --> 00:05:28,400
Tags geen tag, maar labels want we gaan naar meerdere tags terug te krijgen als we kijken naar wat labels is.

67
00:05:28,730 --> 00:05:32,660
Het is een lijst van de twee ligt zowel met klasse gelijk is aan vet.

68
00:05:32,690 --> 00:05:34,730
Technisch gezien is het niet een array.

69
00:05:34,730 --> 00:05:38,330
Het is zoiets als een knooppunt lijst die matrix gelijk.

70
00:05:38,390 --> 00:05:40,450
Ik beschouw het als een lichtgewicht array.

71
00:05:40,520 --> 00:05:43,700
Dus het komt met een aantal van de dingen die je zou verwachten van een array.

72
00:05:43,820 --> 00:05:46,430
Maar sommige van de meer geavanceerde functies zijn eigenlijk ontbreekt.

73
00:05:46,430 --> 00:05:52,000
Zo bijvoorbeeld kunnen we toegang elementen zoals deze met behulp van een index-tags 0.

74
00:05:52,220 --> 00:05:59,240
We kunnen tags om overvleugelen doen, maar we kunnen niet voor elke lus labels punt voor elk doen.

75
00:05:59,720 --> 00:06:02,930
En als ik gewoon doen dit het gaat om me te vertellen labels zijn voor elk.

76
00:06:02,930 --> 00:06:03,990
Het is niet een functie.

77
00:06:04,250 --> 00:06:11,450
Dat komt omdat er geen foreach gedefinieerd voor deze knooppunt lijsten die is gedefinieerd voor arrays en deze zijn niet arrays.

78
00:06:11,750 --> 00:06:19,450
En net als bij krijgen element door id toont ons deze mooie string representatie, maar achter de schermen is het eigenlijk een object.

79
00:06:19,460 --> 00:06:25,740
Dus weer gewoon om te bewijzen dat u troosten dot DIR en we doen tag nul.

80
00:06:26,270 --> 00:06:31,960
En het is eigenlijk deze grote complex gek object met tal van eigenschappen.

81
00:06:32,540 --> 00:06:35,130
OK dus laten we elementen per klasse naam.

82
00:06:35,270 --> 00:06:36,320
Het geeft een lijst.

83
00:06:36,380 --> 00:06:37,600
Niet helemaal een array.

84
00:06:37,610 --> 00:06:44,110
En het bevat elk element op de pagina die overeenkomt met de opgegeven naam van de klasse die wij leveren.

85
00:06:44,120 --> 00:06:46,860
Next up hebben we elementen van getagde naam.

86
00:06:46,880 --> 00:06:51,050
Dus dit werkt net als krijgt element op ID of krijgen elementen per klasse naam.

87
00:06:51,140 --> 00:06:56,800
Behalve dat geeft een lijst van elementen die overeenkomen met een bepaalde tag naam als Ally of H-1.

88
00:06:56,810 --> 00:07:06,040
Dus in dit geval Ik ben actief document dight krijgen elementen op tag naam Alhaj dat gaat om terug te keren naar me een lijst van de drie bondgenoten die er bestaan ​​op deze pagina.

89
00:07:06,500 --> 00:07:30,200
Dus nogmaals laten we aantonen dat var-tags gelijk document dat elementen op tag naam te krijgen en laten we het doen Alhaj eerste en laten we eens kijken naar labels en krijgen we deze lijst ook niet helemaal een array is het een knooppunt lijst die drie bondgenoten heeft en ik zal het niet bewijzen om je deze keer.

90
00:07:30,290 --> 00:07:31,950
Ik ging naar de consul dat DJR.

91
00:07:32,090 --> 00:07:35,300
Maar dit zijn objecten die ze zijn niet alleen strings of niet.

92
00:07:35,300 --> 00:07:39,030
H tim l ze zijn eigenlijk javascript objecten met al die eigenschappen.

93
00:07:39,200 --> 00:07:42,230
Dus ik kan hetzelfde doen voor H-1.

94
00:07:42,410 --> 00:07:50,120
Dus we zullen allemaal h degenen te selecteren en we kijken naar labels en we krijgen te h enen en de lijst.

95
00:07:50,270 --> 00:07:53,650
Het is niet alleen beperkt tot tags die we zien in het lichaam.

96
00:07:53,660 --> 00:07:55,100
Ik kon ook nog zoiets als dit te doen.

97
00:07:55,100 --> 00:08:04,250
Krijg elementen op tag naam lichaam en het gaat om een ​​lijst terug te keren naar me met één element het lichaam erin.

98
00:08:04,250 --> 00:08:16,490
Of ik zou het ook doen voor het hoofd of de tijd element of titel of wat ik wil, maar het belangrijkste is dat het een lijst zelfs als er slechts één element het nog steeds een lijst terug keert.

99
00:08:16,580 --> 00:08:32,960
Dus om het lichaam konden we iets als var lichaam ECO document dat elementen op tag naam lichaam te krijgen en dan neem het eerste punt, want er is slechts een item in die lijst te doen selecteren.

100
00:08:32,960 --> 00:08:38,130
En als we kijken naar wat lichaam is krijgen we dit gigantische object die het hele lichaam.

101
00:08:38,390 --> 00:08:38,690
OK.

102
00:08:38,690 --> 00:08:40,880
Dus dat is Krijg elementen op tag naam.

103
00:08:40,880 --> 00:08:43,960
Gewoon om te herhalen u het een tag naam als Ally.

104
00:08:44,060 --> 00:08:48,510
Het spreekt en vindt alle elementen die overeenkomen met het en keert ze allemaal om u in een lijst.

105
00:08:48,560 --> 00:08:50,960
Zelfs als er maar één.

106
00:08:51,080 --> 00:08:54,070
Dus hier heb ik een ander voorbeeld doet het met een H-1.

107
00:08:54,200 --> 00:08:57,270
Je kunt zien dat het kiest de twee H keer.

108
00:08:58,190 --> 00:09:00,620
Ok dus nu veranderen we versnellingen een beetje.

109
00:09:00,710 --> 00:09:05,450
We hebben niet langer een get element of om elementen door iets syntax.

110
00:09:05,540 --> 00:09:11,360
Dit heet queery selector en query-selector is een nieuwere methode die niet lang heeft bestaan ​​voor alles wat.

111
00:09:11,390 --> 00:09:13,640
Dat maakt echt ons leven een stuk eenvoudiger.

112
00:09:13,670 --> 00:09:23,980
Dus eigenlijk kunnen we het gebruiken om alles wat we zagen met get element door id krijgen elementen per klasse naam krijgen elementen met tag naam die we kunnen dat allemaal met vragen selector repliceren doen.

113
00:09:24,350 --> 00:09:28,260
Dus wat het doet is het duurt een CSSA stijl selector.

114
00:09:28,370 --> 00:09:34,130
Dus een CSSA stijl selector betekent gewoon een van de kiezers die we zouden gebruiken in plaats van een CSSA document.

115
00:09:34,130 --> 00:09:50,060
Dus in dit voorbeeld ben ik iets te selecteren op basis off van de ID hoogtepunt dus ik kan niet gewoon schrijven het woord hoogtepunt zoals ik deed met get element van ID, maar ik moet doen is gebruik maken van de CSSA syntax met de hash symbool of de Octa Thorpe en vervolgens te markeren.

116
00:09:50,060 --> 00:09:52,640
Dus dit is hoe je iets met vraag selecteert.

117
00:09:52,640 --> 00:09:59,180
Als u een ID wilt net zoals je zou doen met C Ss en we krijgen deze eerste bondgenoot met ID gelijk is aan markeren.

118
00:09:59,180 --> 00:10:13,070
Voordat ik naar de console te gaan en typ dit uit ik zal je laten zien kunnen we hetzelfde doen met een klasse naam var tag gelijk document dat queery selector dot gevouwen dat is hoe we de vetgedrukte klasse zou selecteren met behulp van C Ss.

119
00:10:13,350 --> 00:10:18,200
En wat belangrijk is dat het eigenlijk alleen geeft ons de eerste wedstrijd.

120
00:10:18,210 --> 00:10:25,240
Dus ook al zijn er twee elementen die vet als klasse het geeft ons alleen de eerste en dat is het punt van de selector.

121
00:10:25,290 --> 00:10:31,990
Het altijd maar keert één element is er een andere methode die we zullen zien binnenkort dat alle elementen die overeenkomen zal terugkeren.

122
00:10:32,010 --> 00:10:35,540
Dus een query selector kunnen ook in een tag naam zoals we hier hebben.

123
00:10:35,550 --> 00:10:39,140
H-1 en geeft deze de eerste H-1.

124
00:10:39,600 --> 00:10:47,300
Dus we kunnen CSSA selectors dat we schrijven de hele tijd en zie SS te nemen en kunnen we die syntax gebruiken om elementen met vragen selecteert.

125
00:10:47,640 --> 00:10:49,190
Dus ik zal hier laten zien dat.

126
00:10:49,410 --> 00:10:53,830
Laat me duidelijk dat dit naar buiten en laten we selecteer deze eerste.

127
00:10:53,830 --> 00:10:54,630
H-1.

128
00:10:54,750 --> 00:10:56,310
Dus alles wat ik moet doen.

129
00:10:56,340 --> 00:11:05,900
Var H-1 gelijk document vraag selector H-1.

130
00:11:06,450 --> 00:11:13,700
En als we kijken naar wat H1 is nogmaals, het is een leuke string representatie, maar het is eigenlijk een object dat dit hele element vertegenwoordigt.

131
00:11:14,220 --> 00:11:18,160
Dus de volgende up laten we proberen te selecteren op basis off van een ID.

132
00:11:18,210 --> 00:11:21,270
Dus ik ga gewoon deze lijn in plaats van te kopiëren dan de H-1.

133
00:11:21,270 --> 00:11:29,280
Dit zal een bondgenoot te zijn en in plaats van de eerste H-1 te selecteren zal het eerste item dat de ID hoogtepunt heeft te selecteren.

134
00:11:29,640 --> 00:11:37,160
En natuurlijk is er slechts één punt, want het is een ID natuurlijk is het enige punt dat dit idee op een pagina heeft en we moeten dit.

135
00:11:37,170 --> 00:11:38,220
Octa Thorgeir.

136
00:11:38,400 --> 00:11:44,180
Anders gaat op zoek naar een tag naam genoemd hoogtepunt die niet bestaat en H. J. hem uit.

137
00:11:45,010 --> 00:11:52,020
En als ik druk op enter en kijk naar Alhaj krijg ik die eerste bondgenoot met item in de lijst één ID gelijk hoogtepunt.

138
00:11:52,500 --> 00:11:55,650
Tot slot laten we hetzelfde doen met een klas.

139
00:11:55,800 --> 00:12:07,270
Dus gebruik ik de CSSA Leichter dot gevouwen dat is hoe we een klasse te selecteren en als we kijken naar Ally krijg ik de tweede bondgenoot met klasse gelijk opsommingstekens punt 2.

140
00:12:07,440 --> 00:12:09,350
Dus er zijn andere dingen die we kunnen selecteren.

141
00:12:09,510 --> 00:12:13,190
Het is niet alleen gebaseerd off van een tag naam of een identiteitskaart of een klasse.

142
00:12:13,200 --> 00:12:25,770
Dat zijn de meest voorkomende, maar we kunnen ook andere dingen als deze, die niet zal werken op mijn pagina, maar ik kon de hele ankertags binnenkant van een bondgenoot met een soort van speciale selecteren doen.

143
00:12:25,770 --> 00:12:29,550
En dit is een langere C Ss selector, maar het is geldig in de Verenigde Staten.

144
00:12:29,620 --> 00:12:35,730
Dus al het anker tags klasse speciale die zijn genest binnen van een bondgenoot en dat is volkomen geldig is.

145
00:12:35,730 --> 00:12:37,920
Nogmaals, ik heb geen deze set-up op mijn pagina.

146
00:12:37,920 --> 00:12:40,900
Dus als ik druk op Enter gewoon om me geven.

147
00:12:41,520 --> 00:12:44,180
Nee, want het leverde geen matches te vinden.

148
00:12:45,030 --> 00:12:49,200
Dus zoals ik al zei Querrey selector geeft de eerste wedstrijd en dat is het.

149
00:12:49,200 --> 00:12:53,040
Soms is het bijvoorbeeld handig als je wilde om het lichaam te selecteren.

150
00:12:53,160 --> 00:13:01,380
Alles wat ik moet doen is zeggen vraag selector lichaam en dat geeft je het lichaam in tegenstelling tot toen ik dat deed document bedijkt krijgen elementen op tag naam lichaam.

151
00:13:01,380 --> 00:13:05,030
Ze gaf me een lijst en dan moesten ze vragen om het eerste element.

152
00:13:05,220 --> 00:13:08,520
Als ik vragen selector zal ik gewoon het lichaam meteen.

153
00:13:08,730 --> 00:13:11,570
Maar het alternatief is queery selector allemaal.

154
00:13:11,640 --> 00:13:13,570
Dus het werkt op precies dezelfde manier.

155
00:13:13,590 --> 00:13:17,840
Het duurt een C een set selector, maar het geeft alle overeenkomende elementen.

156
00:13:17,850 --> 00:13:28,520
Dus in dit geval ben ik met behulp document die vraag selector alle H-1 rendementen zowel h keer of in dit geval ben ik met behulp van de klasse vet.

157
00:13:28,620 --> 00:13:29,820
Dus CSSA stijl.

158
00:13:29,850 --> 00:13:34,610
Ik moet dot vet en dat geeft me beide elementen met de klas gelijk vetgedrukt.

159
00:13:34,770 --> 00:13:36,930
Dus laten we aan te tonen dat in de con ..

160
00:13:37,050 --> 00:13:40,140
Laten we alles selecteren bondgenoten dusver.

161
00:13:40,140 --> 00:13:43,200
Bondgenoten gelijk documenteren die vraag selector.

162
00:13:43,440 --> 00:13:46,560
Alle bondgenoot.

163
00:13:46,870 --> 00:13:48,300
En dat zal ik ze allemaal geven.

164
00:13:48,510 --> 00:13:49,820
Ik kijk naar bondgenoten.

165
00:13:50,040 --> 00:13:52,010
U kunt zien dat het heeft drie bondgenoten.

166
00:13:52,380 --> 00:13:54,370
Een laatste keer dat ik weet dat ik een record gebroken.

167
00:13:54,390 --> 00:13:55,660
Deze objecten.

168
00:13:55,740 --> 00:13:57,200
Ze zijn niet HMO.

169
00:13:57,270 --> 00:14:01,410
Ze zijn JavaScript-objecten die zijn opgebouwd uit de HMO.

170
00:14:02,220 --> 00:14:08,450
En als ik hetzelfde doen, maar ik doe het in plaats daarvan met de vraag selector en ik druk op enter.

171
00:14:08,760 --> 00:14:12,180
Als ik kijk naar bondgenoten het is niet een lijst is het enige.

172
00:14:12,510 --> 00:14:14,520
Dus hetzelfde als ik deed het voor een klasse.

173
00:14:14,550 --> 00:14:17,670
Dus laten we het doen voor de vetgedrukte klasse.

174
00:14:17,670 --> 00:14:23,320
We noemen het vet en heb je te documenteren die vraag selector dot vet.

175
00:14:24,060 --> 00:14:27,920
En ik kijk naar dat het ook gewoon het eerste item item in de lijst.

176
00:14:27,990 --> 00:14:35,630
En als ik dat doe vraag selector al dan krijg ik een lijst met beiden in.

177
00:14:35,860 --> 00:14:42,940
Een punt van verwarring vaak voor mijn studenten is dat u nog vragen selector kunnen gebruik maken van alle, zelfs als er slechts één element dat u zoekt.

178
00:14:43,120 --> 00:14:51,070
Dus je zou kunnen iets doen, zoals var bondgenoot gelijk document dot-query selector.

179
00:14:51,300 --> 00:14:59,300
Alle van een ID als hoogtepunt en ik kijk naar Ally en het is een lijst met één punt.

180
00:14:59,350 --> 00:15:03,700
Het is gewoon vrij zeldzaam dat je dat zou doen, maar het zal nog steeds werken als er slechts één wedstrijd.

181
00:15:04,080 --> 00:15:06,530
Oké dus we bedekt veel terrein in deze video.

182
00:15:06,900 --> 00:15:10,320
Dus laten we teruggaan naar het begin en doe een echt snelle wrap up.

183
00:15:10,530 --> 00:15:24,530
We begonnen door te praten over hoe al deze methoden zijn binnenzijde van het document object dat we kunnen selecteren door ID met get element door ID we kunnen selecteren per klasse naam krijgen met elementen per klasse naam en een lijst die niet is eigenlijk een terug matrix.

184
00:15:24,610 --> 00:15:26,370
Het is een knooppunt lijst genoemd.

185
00:15:26,380 --> 00:15:36,850
We kunnen het zelfde ding, maar met behulp van GET elementen op tag naam, die ook een knooppunt lijst gebaseerd off van een element type dat we kiezen door dan hebben we vraag selector dat is een manusje van alles zal terugkeren doen.

186
00:15:36,990 --> 00:15:40,860
Het geeft het eerste element dat overeenkomt met een bepaalde CSSA selector.

187
00:15:40,980 --> 00:15:52,210
Dus we kunnen het gebruiken om alles wat element krijgen door het id klasse naam en tag naam doen hebben we het kunnen geven van een ID, zoals wij hier doen in een klasse zoals wij hier doen of een naam element.

188
00:15:52,620 --> 00:15:57,900
En dan is er vraag selector allemaal die op dezelfde manier werkt behalve dat het een lijst die niet is een array.

189
00:15:57,900 --> 00:16:01,800
Het is ook een knooppunt barsten met alle elementen die overeenkomen met een bepaalde selector.

190
00:16:01,800 --> 00:16:02,040
Okee.