1
00:00:00,270 --> 00:00:01,320
Nous saluons le retour.

2
00:00:01,320 --> 00:00:07,770
Dans cette vidéo, nous allons passer du temps à parler des différentes façons de sélectionner les éléments en utilisant javascript et la poupée.

3
00:00:08,100 --> 00:00:12,600
Avant de parler des sélecteurs réels, nous devons simplement revoir le document une fois de plus.

4
00:00:12,720 --> 00:00:20,160
Rappelez-vous que notre dortoir entier tous les objets toutes les représentations de nos éléments tous vivent à l'intérieur de cet objet de document.

5
00:00:20,220 --> 00:00:23,850
C'est l'objet de niveau supérieur ou le noeud racine.

6
00:00:25,140 --> 00:00:27,760
Alors vite ouvrons n'importe quelle fenêtre de navigateur.

7
00:00:27,870 --> 00:00:32,060
Je vais utiliser Google et essayez de taper ces quatre lignes.

8
00:00:32,430 --> 00:00:40,300
Ouvrez donc la console et tapez document dot vous êtes l et il nous montre l'URL de la page que nous sommes sur.

9
00:00:40,610 --> 00:00:46,400
Vous pouvez faire des liens point de document et c'est une liste complète de chaque lien unique sur la page.

10
00:00:46,410 --> 00:01:00,610
Chaque étiquette d'ancrage unique que nous pouvons faire document que Vadi et c'est le corps entier avec tous les autres éléments à l'intérieur de celui-ci qui vit dans le corps et nous pouvons faire la tête de point de document.

11
00:01:00,660 --> 00:01:03,340
Nous avons déjà vu cela dans les dernières vidéos.

12
00:01:03,360 --> 00:01:10,570
La raison pour laquelle je vous le montre à nouveau est que tous les sélecteurs de toutes les méthodes que nous allons apprendre aussi vivre dans le document.

13
00:01:10,620 --> 00:01:17,250
Donc, tout ce que nous apprenons dans cette vidéo va commencer par document quelque chose de point.

14
00:01:17,280 --> 00:01:21,250
Alors je vais vous montrer ce que ces somethings sont.

15
00:01:21,270 --> 00:01:24,030
Il y a cinq méthodes principales dont nous allons parler dans cette vidéo.

16
00:01:24,030 --> 00:01:25,860
Ils sont tous incorporés dans le document.

17
00:01:25,860 --> 00:01:27,920
Ils commencent tous par le point du document.

18
00:01:28,020 --> 00:01:37,050
Vous pouvez les voir ici get element par id get éléments par nom de classe get elements par nom de tag queery selector et queery selector.

19
00:01:37,050 --> 00:01:46,020
Tout si vous pouvez penser à la vidéo que j'ai fait sur l'ajout de méthodes à un objet où nous pourrions stocker une fonction comme une valeur au lieu d'un objet.

20
00:01:46,140 --> 00:01:53,280
Nous avions comme espace de chat dans l'espace de chien et nous avons dû parler la méthode que nous avons ajoutée dans notre objet d'espace de chien.

21
00:01:53,310 --> 00:01:55,080
C'est exactement ce qui se passe ici.

22
00:01:55,260 --> 00:02:00,060
Ces cinq méthodes ont toutes été ajoutées à l'objet document.

23
00:02:00,900 --> 00:02:07,100
Donc, avant de commencer ici, je veux vous montrer le courrier H-G que je vais utiliser à des fins de démonstration.

24
00:02:07,230 --> 00:02:10,660
C'est une page très très simple a juste quelques éléments.

25
00:02:10,890 --> 00:02:16,020
Donc, notre tête normale est assez vide à part un titre ou un corps.

26
00:02:16,020 --> 00:02:20,350
Et puis à l'intérieur du corps à H-1 est celui qui dit bonjour.

27
00:02:20,580 --> 00:02:21,910
Un autre qui dit au revoir.

28
00:02:22,140 --> 00:02:30,160
Et puis trois alliés au lieu d'un UL et ces trois alliés liste un élément deux et trois sont légèrement différents.

29
00:02:30,180 --> 00:02:35,450
Le premier a une surbrillance ID et le dernier à avoir une classe appelée en gras.

30
00:02:35,670 --> 00:02:36,720
Donc, nous allons utiliser cela.

31
00:02:36,720 --> 00:02:40,430
Le fait que certains d'entre eux soient H-1, certains des éléments sont des alliés.

32
00:02:40,440 --> 00:02:41,430
Certains ont des classes.

33
00:02:41,430 --> 00:02:42,550
On a un ID.

34
00:02:42,630 --> 00:02:48,210
Nous allons utiliser ces différentes propriétés pour les sélectionner de différentes façons et différentes combinaisons.

35
00:02:48,300 --> 00:02:54,680
Donc j'utilise ce même code ici dans les exemples et je dessine une boîte verte pour que vous puissiez voir dans les diapositives suivantes.

36
00:02:54,690 --> 00:02:57,810
Une boîte verte autour de ce qui est sélectionné.

37
00:02:58,410 --> 00:03:00,680
OK alors commençons avec la première méthode.

38
00:03:00,780 --> 00:03:02,640
Obtenir élément par ID.

39
00:03:02,970 --> 00:03:05,310
Donc, son nom est un peu auto-explicatif.

40
00:03:05,550 --> 00:03:11,750
Il prend un nom d'identification et il va retourner l'un élément qui correspond à cet ID.

41
00:03:11,820 --> 00:03:15,220
Rappelez-vous qu'un ID ne peut se produire qu'une seule fois sur une page.

42
00:03:15,240 --> 00:03:18,560
Voici donc un exemple de document diked get element by ID.

43
00:03:18,600 --> 00:03:26,940
Highlight va sélectionner cet allié qui a l'accent d'identification afin qu'il sélectionne l'objet et alors il nous revient.

44
00:03:27,030 --> 00:03:29,450
Je vais le montrer rapidement au conseil.

45
00:03:29,520 --> 00:03:40,000
Nous allons donc ouvrir la console à un type de document get element by id highlight qui est notre nom d'identification.

46
00:03:40,100 --> 00:03:43,020
Enregistrez-le dans une variable appelée étiquette.

47
00:03:43,020 --> 00:03:43,730
Appuyez sur Entrée.

48
00:03:43,890 --> 00:03:45,260
Et regardons TAG.

49
00:03:45,690 --> 00:03:49,940
Et vous pouvez le voir, il nous donne la première ligne qui a ID égale à mettre en évidence.

50
00:03:50,040 --> 00:03:52,670
Nous avons donc sélectionné quelque chose par une pièce d'identité.

51
00:03:52,800 --> 00:03:59,430
Encore une fois, il nous montre comme si c'est effectivement vieilli bien, mais le résultat de cela est en fait un objet javascript.

52
00:03:59,430 --> 00:04:02,980
Donc nous pouvons faire cela annulé que Diyar encore sur la balise.

53
00:04:03,330 --> 00:04:05,030
Et c'est en fait ce qu'il ressemble.

54
00:04:05,040 --> 00:04:06,320
Toutes ces propriétés.

55
00:04:06,480 --> 00:04:13,670
Donc, ce n'est qu'un bon raccourci pour nous de voir visuellement ce que nous avons sélectionné, mais en réalité, c'est une représentation d'objet.

56
00:04:13,860 --> 00:04:16,740
Très bien, c'est tout ce qu'il faut pour obtenir l'élément par ID.

57
00:04:17,070 --> 00:04:30,310
Nous appelons la méthode que nous passons dans un argument chaîne unique le nom d'un ID que nous voulons et puis il va et trouve l'élément correspondant qui a le même ID et il nous retourne la représentation d'objet.

58
00:04:31,320 --> 00:04:36,780
La prochaine est d'obtenir des éléments par nom de classe de sorte que son nom vous indique exactement ce qu'il fait.

59
00:04:36,840 --> 00:04:38,690
Tout comme get élément par ID.

60
00:04:38,820 --> 00:04:43,540
Bien que ce soit légèrement différent Obtenez des éléments pluriel avec un S par nom de classe.

61
00:04:43,620 --> 00:04:46,990
Rappelez-vous qu'une classe peut se produire autant de fois que nous le voulons sur une page.

62
00:04:47,100 --> 00:04:56,130
Donc nous passons dans une chaîne comme en gras et qui va retourner une liste de tous les éléments sur la page qui ont le nom de la classe correspondante en gras.

63
00:04:56,160 --> 00:05:04,150
Dans ce cas, il ya deux d'entre eux, mais s'il y avait dix mille éléments sur la page qui avait cette classe, nous aurions tous les 10000 dans une liste.

64
00:05:04,380 --> 00:05:19,610
Donc, allons le démontrer, donc le document de taux get élément par nom de classe et vous pouvez voir si nous obtenons cette autocomplétion peu ici afin que nous puissions sélectionner celle que nous voulons obtenir des éléments par nom de classe et puis le nom de classe que nous voulons est en gras.

65
00:05:20,130 --> 00:05:21,650
Enregistrez-le dans une variable.

66
00:05:21,650 --> 00:05:28,400
Les tags ne marquent pas les balises car nous allons récupérer plusieurs balises si nous regardons les balises.

67
00:05:28,730 --> 00:05:32,660
C'est une liste de deux mensonges à la fois avec la classe égale à bolded.

68
00:05:32,690 --> 00:05:34,730
Techniquement, ce n'est pas un tableau.

69
00:05:34,730 --> 00:05:38,330
C'est quelque chose qu'on appelle une liste de nœuds qui est un tableau comme.

70
00:05:38,390 --> 00:05:40,450
J'aime le considérer comme un ensemble léger.

71
00:05:40,520 --> 00:05:43,700
Donc, il est livré avec certaines des choses que vous attendez d'un tableau.

72
00:05:43,820 --> 00:05:46,430
Mais certaines des fonctionnalités les plus avancées sont réellement manquantes.

73
00:05:46,430 --> 00:05:52,000
Ainsi, par exemple, nous pouvons accéder à des éléments comme celui-ci en utilisant un index 0.

74
00:05:52,220 --> 00:05:59,240
Nous pouvons faire des étiquettes à flotter mais nous ne pouvons pas faire un pour chaque point de balises de boucle pour chacun.

75
00:05:59,720 --> 00:06:02,930
Et si je fais cela, ça va me dire que les tags sont pour chacun.

76
00:06:02,930 --> 00:06:03,990
Ce n'est pas une fonction.

77
00:06:04,250 --> 00:06:11,450
Donc c'est parce qu'il n'y a pas foreach défini pour ces listes de nœuds qui est défini pour les tableaux et ce ne sont pas des tableaux.

78
00:06:11,750 --> 00:06:19,450
Et tout comme avec get élément par id, il nous montre cette belle représentation de chaîne, mais dans les coulisses, il est en fait un objet.

79
00:06:19,460 --> 00:06:25,740
Donc, encore une fois pour prouver que vous console point DIR et nous ne tag est zéro.

80
00:06:26,270 --> 00:06:31,960
Et c'est en fait ce grand complexe fou objet avec des tonnes de propriétés.

81
00:06:32,540 --> 00:06:35,130
OK alors nous allons obtenir des éléments par nom de classe.

82
00:06:35,270 --> 00:06:36,320
Il retourne une liste.

83
00:06:36,380 --> 00:06:37,600
Pas tout à fait un tableau.

84
00:06:37,610 --> 00:06:44,110
Et il contient tous les éléments de la page correspondant au nom de classe donné que nous avons fourni.

85
00:06:44,120 --> 00:06:46,860
Ensuite, nous avons get éléments par nom marqué.

86
00:06:46,880 --> 00:06:51,050
Donc, celui-ci fonctionne comme get element par ID ou obtenir des éléments par nom de classe.

87
00:06:51,140 --> 00:06:56,800
Sauf si elle retourne une liste d'éléments qui correspondent à un nom de tag donné comme Ally ou H-1.

88
00:06:56,810 --> 00:07:06,040
Donc, dans ce cas, je suis en cours de document dight obtenir des éléments par le nom de la balise Alhaj qui va revenir à moi une liste des trois alliés qui existent sur cette page.

89
00:07:06,500 --> 00:07:30,200
Donc, encore une fois, démontrons que les balises var sont égales au document qui obtient les éléments par nom de balise et nous allons faire Alhaj en premier et regardons les balises et nous obtenons cette liste pas tout un tableau c'est une liste de noeuds qui a trois alliés et je ne le prouverai pas Pour vous cette fois.

90
00:07:30,290 --> 00:07:31,950
Je suis allé voir le Consul que DJR.

91
00:07:32,090 --> 00:07:35,300
Mais ce sont des objets qu'ils ne sont pas seulement des cordes ou pas.

92
00:07:35,300 --> 00:07:39,030
H tim l ils sont en fait des objets javascript avec toutes ces propriétés.

93
00:07:39,200 --> 00:07:42,230
Je peux donc faire la même chose pour H-1.

94
00:07:42,410 --> 00:07:50,120
Nous allons donc sélectionner tous les h et nous regardons les balises et nous arrivons à h ones et la liste.

95
00:07:50,270 --> 00:07:53,650
Ce n'est pas seulement limité aux balises que nous voyons à l'intérieur du corps.

96
00:07:53,660 --> 00:07:55,100
Je pourrais aussi faire quelque chose comme ça.

97
00:07:55,100 --> 00:08:04,250
Obtenir des éléments par le nom de nom de corps et il va revenir à moi une liste avec un élément le corps à l'intérieur de celui-ci.

98
00:08:04,250 --> 00:08:16,490
Ou je pourrais aussi le faire pour la tête ou l'élément de temps ou le titre ou ce que je veux, mais la partie importante est qu'il renvoie une liste, même s'il ya un seul élément, il retourne toujours une liste.

99
00:08:16,580 --> 00:08:32,960
Donc, pour sélectionner le corps, nous pourrions faire quelque chose comme le document ECOs de corps de var qui obtiennent des éléments par nom de nom de corps et puis juste prendre le premier élément parce qu'il ya seulement un élément dans cette liste.

100
00:08:32,960 --> 00:08:38,130
Et si nous regardons ce corps est nous obtenir cet objet géant que le corps tout entier.

101
00:08:38,390 --> 00:08:38,690
D'ACCORD.

102
00:08:38,690 --> 00:08:40,880
C'est donc Get elements par nom de tag.

103
00:08:40,880 --> 00:08:43,960
Juste pour réitérer vous lui donner un nom de balise comme Ally.

104
00:08:44,060 --> 00:08:48,510
Il va et trouve tous les éléments qui lui correspondent et les retourne tous à vous dans une liste.

105
00:08:48,560 --> 00:08:50,960
Même s'il n'y en a qu'un.

106
00:08:51,080 --> 00:08:54,070
Donc, ici, j'ai un autre exemple de le faire avec un H-1.

107
00:08:54,200 --> 00:08:57,270
Vous pouvez voir qu'il sélectionne les deux H une fois.

108
00:08:58,190 --> 00:09:00,620
Ok, maintenant nous changeons de vitesse un peu.

109
00:09:00,710 --> 00:09:05,450
Nous n'avons plus d'élément get ou d'éléments par quelque chose de syntaxique.

110
00:09:05,540 --> 00:09:11,360
C'est ce qu'on appelle sélecteur queery et sélecteur de requêtes est une méthode plus récente qui n'a pas existé pour tout ce long.

111
00:09:11,390 --> 00:09:13,640
Cela rend notre vie beaucoup plus facile.

112
00:09:13,670 --> 00:09:23,980
Nous pouvons donc l'utiliser pour faire tout ce que nous avons vu avec get element par id get éléments par nom de classe get elements with tag name nous pouvons répliquer tout cela avec le sélecteur de requêtes.

113
00:09:24,350 --> 00:09:28,260
Donc, ce qu'il fait, c'est qu'il faut un sélecteur de style CSSA.

114
00:09:28,370 --> 00:09:34,130
Ainsi, un sélecteur de style CSSA signifie juste n'importe lequel des sélecteurs que nous utiliserions au lieu d'un document CSSA.

115
00:09:34,130 --> 00:09:50,060
Donc, dans cet exemple, je suis de sélectionner quelque chose basé hors de la mise en évidence ID, donc je ne peux pas écrire le mot accent comme je l'ai fait avec get élément par ID, mais je dois faire est d'utiliser la syntaxe CSSA avec le symbole de hachage ou le Octa Thorpe et puis mettre en évidence.

116
00:09:50,060 --> 00:09:52,640
C'est ainsi que vous sélectionnez quelque chose avec le sélecteur de requêtes.

117
00:09:52,640 --> 00:09:59,180
Si vous voulez un ID comme vous le feriez avec C Ss et nous obtenons ce premier allié avec ID égal à mettre en surbrillance.

118
00:09:59,180 --> 00:10:13,070
Avant de passer à la console et de taper cela, je vais vous montrer que nous pouvons faire la même chose avec un nom de classe var tag égal à document que queery point sélecteur plié qui est la façon dont nous allions sélectionner la classe en gras en utilisant C Ss.

119
00:10:13,350 --> 00:10:18,200
Et ce qui est important, c'est qu'il ne nous donne réellement que le premier match.

120
00:10:18,210 --> 00:10:25,240
Donc, même s'il ya deux éléments qui ont en gras en tant que classe, il nous donne seulement le premier et c'est le point du sélecteur.

121
00:10:25,290 --> 00:10:31,990
Il renvoie toujours un élément il ya une autre méthode que nous verrons bientôt qui va retourner tous les éléments qui correspondent.

122
00:10:32,010 --> 00:10:35,540
Ainsi, un sélecteur de requêtes peut également prendre un nom de tag comme nous l'avons ici.

123
00:10:35,550 --> 00:10:39,140
H-1 et il retourne le tout premier H-1.

124
00:10:39,600 --> 00:10:47,300
Ainsi nous pouvons prendre des sélecteurs CSSA que nous écrivons tout le temps et voir SS et nous pouvons utiliser cette syntaxe pour sélectionner des éléments avec le sélecteur de requêtes.

125
00:10:47,640 --> 00:10:49,190
Donc je vais le démontrer ici.

126
00:10:49,410 --> 00:10:53,830
Permettez-moi de clarifier cela et nous allons sélectionner cette première.

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

128
00:10:54,750 --> 00:10:56,310
Donc tout ce que j'ai besoin de faire.

129
00:10:56,340 --> 00:11:05,900
Var H-1 correspond au sélecteur de requête de document H-1.

130
00:11:06,450 --> 00:11:13,700
Et si nous regardons ce qu'est H1 est encore une belle représentation de chaîne mais c'est en fait un objet qui représente tout cet élément.

131
00:11:14,220 --> 00:11:18,160
Donc, à présent, essayons de choisir un document basé sur un ID.

132
00:11:18,210 --> 00:11:21,270
Je vais donc copier cette ligne plutôt que H-1.

133
00:11:21,270 --> 00:11:29,280
Ce sera un allié et plutôt que de sélectionner le premier H-1 sélectionnera le premier élément qui a l'ID de souligner.

134
00:11:29,640 --> 00:11:37,160
Et bien sûr, il n'y a qu'un seul élément parce que c'est un ID bien sûr, c'est seulement un élément qui a cette idée sur une page et nous avons besoin de cela.

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

136
00:11:38,400 --> 00:11:44,180
Sinon, il va chercher un nom de tag appelé highlight qui n'existe pas et H.J. out.

137
00:11:45,010 --> 00:11:52,020
Et si je frappe entrer et regarder Alhaj je obtenir que le premier allié avec l'article de la liste un ID égale à mettre en évidence.

138
00:11:52,500 --> 00:11:55,650
Enfin, faisons la même chose avec une classe.

139
00:11:55,800 --> 00:12:07,270
Donc, j'utilise le CSSA Leichter point plié qui est la façon dont nous sélectionnons une classe et si nous regardons Ally, je obtenir le deuxième allié avec la classe à puce liste article 2.

140
00:12:07,440 --> 00:12:09,350
Il y a donc d'autres choses que nous pouvons choisir.

141
00:12:09,510 --> 00:12:13,190
Il ne s'agit pas seulement d'un nom de tag, d'un ID ou d'une classe.

142
00:12:13,200 --> 00:12:25,770
Ce sont les plus communs mais nous pourrions faire d'autres choses comme celle-ci qui ne fonctionnera pas sur ma page, mais je pourrais sélectionner toutes les balises d'ancrage à l'intérieur d'un allié avec une classe de spécial.

143
00:12:25,770 --> 00:12:29,550
Et c'est un sélecteur C Ss plus long, mais il est valable aux États-Unis.

144
00:12:29,620 --> 00:12:35,730
Donc, toutes les balises d'ancrage ont une classe spéciale qui sont imbriquées à l'intérieur d'un allié et qui est totalement valide.

145
00:12:35,730 --> 00:12:37,920
Encore une fois, je n'ai pas cette mise en place sur ma page.

146
00:12:37,920 --> 00:12:40,900
Donc, si je frappe Enter just going to give me.

147
00:12:41,520 --> 00:12:44,180
Non parce qu'il n'a pas trouvé de correspondance.

148
00:12:45,030 --> 00:12:49,200
Donc, comme je l'ai mentionné Sélecteur Querrey retourne le premier match et c'est tout.

149
00:12:49,200 --> 00:12:53,040
Parfois, il est utile, par exemple, si vous vouliez sélectionner le corps.

150
00:12:53,160 --> 00:13:01,380
Tout ce que j'ai à faire est de dire le corps sélecteur de requête et qui vous donne le corps contrairement à quand j'ai fait document diked obtenir des éléments par le nom du nom du corps.

151
00:13:01,380 --> 00:13:05,030
Ils m'ont donné une liste et ils ont dû demander le premier élément.

152
00:13:05,220 --> 00:13:08,520
Si j'utilise le sélecteur de requêtes je vais juste obtenir le corps tout de suite.

153
00:13:08,730 --> 00:13:11,570
Mais l'alternative est queery sélecteur tous.

154
00:13:11,640 --> 00:13:13,570
Donc, il fonctionne exactement de la même manière.

155
00:13:13,590 --> 00:13:17,840
Il faut un sélecteur C a set mais il retourne tous les éléments correspondants.

156
00:13:17,850 --> 00:13:28,520
Donc, dans ce cas, je suis en utilisant le document que le sélecteur de requête tous les H-1 retourne h une fois ou dans ce cas, j'utilise la classe en gras.

157
00:13:28,620 --> 00:13:29,820
Alors CSSA style.

158
00:13:29,850 --> 00:13:34,610
J'ai besoin de points en gras et cela me donne les deux éléments avec la classe en gras.

159
00:13:34,770 --> 00:13:36,930
Donc, démontrons que dans le con ..

160
00:13:37,050 --> 00:13:40,140
Sélectionnons tous les alliés jusqu'à présent.

161
00:13:40,140 --> 00:13:43,200
Allies égale le document que le sélecteur de requête.

162
00:13:43,440 --> 00:13:46,560
Tous alliés.

163
00:13:46,870 --> 00:13:48,300
Et cela me donnera tous.

164
00:13:48,510 --> 00:13:49,820
Je regarde les alliés.

165
00:13:50,040 --> 00:13:52,010
Vous pouvez voir qu'il a trois alliés.

166
00:13:52,380 --> 00:13:54,370
Une dernière fois, je sais que je suis un disque cassé.

167
00:13:54,390 --> 00:13:55,660
Ce sont des objets.

168
00:13:55,740 --> 00:13:57,200
Ils ne sont pas HMO.

169
00:13:57,270 --> 00:14:01,410
Ce sont des objets javascript qui sont construits à partir du HMO.

170
00:14:02,220 --> 00:14:08,450
Et si je fais la même chose, mais je le fais à la place avec le sélecteur de requête et je touche entrer.

171
00:14:08,760 --> 00:14:12,180
Si je regarde les alliés, ce n'est pas une liste, c'est une seule.

172
00:14:12,510 --> 00:14:14,520
Donc, même chose si je l'ai fait pour une classe.

173
00:14:14,550 --> 00:14:17,670
Alors faisons-le pour la classe en gras.

174
00:14:17,670 --> 00:14:23,320
Nous allons simplement l'appeler en gras et avez-vous document que point de sélecteur de requête en gras.

175
00:14:24,060 --> 00:14:27,920
Et je regarde que c'est juste le premier élément de la liste des articles aussi.

176
00:14:27,990 --> 00:14:35,630
Et si je ne sélecteur de requête tous je puis obtenir une liste avec les deux là-dedans.

177
00:14:35,860 --> 00:14:42,940
Un point de confusion souvent pour mes étudiants est que vous pouvez toujours utiliser le sélecteur de requêtes tous même s'il n'y a qu'un seul élément que vous recherchez.

178
00:14:43,120 --> 00:14:51,070
Ainsi, vous pouvez faire quelque chose comme var ally égale le sélecteur de requête point document.

179
00:14:51,300 --> 00:14:59,300
Tout un ID comme surligné et je regarde Ally et c'est une liste avec un seul élément.

180
00:14:59,350 --> 00:15:03,700
C'est juste assez rare que vous fassiez cela mais cela fonctionnera toujours s'il n'y a qu'un seul match.

181
00:15:04,080 --> 00:15:06,530
Très bien, nous avons couvert beaucoup de terrain dans cette vidéo.

182
00:15:06,900 --> 00:15:10,320
Revenons donc au début et faisons un bref résumé.

183
00:15:10,530 --> 00:15:24,530
Nous avons commencé par parler de la façon dont toutes ces méthodes sont à l'intérieur de l'objet document que nous pouvons sélectionner par ID avec get élément par ID, nous pouvons sélectionner par nom de classe avec get éléments par nom de classe et qui renvoie une liste qui n'est pas réellement un Tableau

184
00:15:24,610 --> 00:15:26,370
C'est ce qu'on appelle une liste de nœuds.

185
00:15:26,380 --> 00:15:36,850
Nous pouvons faire la même chose, mais en utilisant les éléments GET par nom de balise qui renverra également une liste de noeuds basée hors d'un type d'élément que nous sélectionnons par alors nous avons le sélecteur de requête qui est un cric de tous les métiers.

186
00:15:36,990 --> 00:15:40,860
Il renvoie le premier élément correspondant à un sélecteur CSSA donné.

187
00:15:40,980 --> 00:15:52,210
Donc, nous pouvons l'utiliser pour faire tout ce qui obtient élément par nom de classe id et le nom de la balise avons-nous pu lui donner un ID comme nous le faisons ici dans une classe comme nous le faisons ici ou un nom d'élément.

188
00:15:52,620 --> 00:15:57,900
Et puis il ya sélecteur de requête tous qui fonctionne de la même manière, sauf qu'il renvoie une liste qui n'est pas un tableau.

189
00:15:57,900 --> 00:16:01,800
C'est aussi un nœud éclaté avec tous les éléments qui correspondent à un sélecteur donné.

190
00:16:01,800 --> 00:16:02,040
D'accord.