1
00:00:00,270 --> 00:00:01,320
Bem vindo de volta.

2
00:00:01,320 --> 00:00:06,270
Neste vídeo, vamos passar o tempo falando sobre as diferentes formas de selecionar elementos usando

3
00:00:06,270 --> 00:00:07,770
javascript e a boneca.

4
00:00:08,100 --> 00:00:12,600
Antes de falar sobre os seletores reais, precisamos apenas rever o documento mais uma vez.

5
00:00:12,720 --> 00:00:18,540
Lembre-se de que todo o nosso dormitório todos os objetos, todas as representações de nossos elementos, todos vivem

6
00:00:18,540 --> 00:00:20,160
dentro desse objeto de documento.

7
00:00:20,220 --> 00:00:23,850
É o objeto de nível superior ou o nó raiz.

8
00:00:25,140 --> 00:00:27,760
Então, rapidamente, vamos abrir qualquer janela do navegador.

9
00:00:27,870 --> 00:00:32,060
Eu vou usar o Google e vamos tentar digitar essas quatro linhas.

10
00:00:32,430 --> 00:00:39,660
Então abra o console e digite o documento do ponto em que você está l e ele nos mostra o URL da página em

11
00:00:39,660 --> 00:00:40,300
que estamos.

12
00:00:40,610 --> 00:00:46,400
Você pode fazer links de pontos de documentos e essa é uma lista completa de cada link na página.

13
00:00:46,410 --> 00:00:55,350
Cada marca de âncora única que podemos fazer documentar que Vadi e este é o corpo inteiro com todos os outros elementos

14
00:00:55,350 --> 00:01:00,610
dentro dela que vivem no corpo e podemos fazer documento cabeça de ponto.

15
00:01:00,660 --> 00:01:03,340
Então já vimos isso nos últimos vídeos.

16
00:01:03,360 --> 00:01:07,440
que todos os seletores todos os métodos que vamos aprender também vivem dentro do documento.

17
00:01:07,440 --> 00:01:10,570
A razão pela qual eu estou mostrando para você novamente é

18
00:01:10,620 --> 00:01:17,250
Então, tudo sobre o que aprendemos neste vídeo vai começar com o documento com algo de ponto.

19
00:01:17,280 --> 00:01:21,250
Então, vou mostrar-lhe quais são essas coisas.

20
00:01:21,270 --> 00:01:24,030
Existem cinco métodos principais sobre os quais vamos falar neste vídeo.

21
00:01:24,030 --> 00:01:25,860
Estão todos incorporados ao documento.

22
00:01:25,860 --> 00:01:27,920
Todos começam com o ponto do documento.

23
00:01:28,020 --> 00:01:35,820
Você pode vê-los aqui, obter elemento por identificação, obter elementos por nome da classe, obter elementos por seletor de nomes de tags

24
00:01:36,060 --> 00:01:37,050
e seletor estranho.

25
00:01:37,050 --> 00:01:42,690
Tudo se você pode pensar de volta ao vídeo que eu fiz ao adicionar métodos a um objeto onde basicamente

26
00:01:42,690 --> 00:01:46,020
podemos armazenar uma função como um valor em vez de um objeto.

27
00:01:46,140 --> 00:01:52,650
Nós tínhamos como espaço de gato no espaço do cão e nós precisamos falar o método que adicionamos ao nosso objeto de espaço para cães.

28
00:01:53,310 --> 00:01:55,080
Isso é exatamente o que está acontecendo aqui.

29
00:01:55,260 --> 00:02:00,060
Estes cinco métodos foram todos adicionados ao objeto do documento.

30
00:02:00,900 --> 00:02:05,760
Então, antes de realmente começar aqui, quero mostrar o e-mail H-G que vou usar

31
00:02:05,760 --> 00:02:07,100
para fins de demonstração.

32
00:02:07,230 --> 00:02:10,660
É uma página muito simples, apenas tem alguns elementos.

33
00:02:10,890 --> 00:02:16,020
Portanto, nossa cabeça normal está praticamente vazia além de um título ou corpo.

34
00:02:16,020 --> 00:02:20,350
E então dentro do corpo para H-1 é aquele que diz olá.

35
00:02:20,580 --> 00:02:21,910
Outro que diz adeus.

36
00:02:22,140 --> 00:02:29,250
E, em seguida, três aliados em vez de um UL e os três aliados lista item dois e três são

37
00:02:29,250 --> 00:02:30,160
ligeiramente diferentes.

38
00:02:30,180 --> 00:02:35,450
O primeiro tem um destaque ID e o último a ter uma classe chamada negrito.

39
00:02:35,670 --> 00:02:36,720
Então vamos usar isso.

40
00:02:36,720 --> 00:02:40,430
O fato de que alguns deles são H-1 alguns dos elementos são aliados.

41
00:02:40,440 --> 00:02:41,430
Alguns têm aulas.

42
00:02:41,430 --> 00:02:42,550
Um tem um ID.

43
00:02:42,630 --> 00:02:47,160
Nós vamos usar essas propriedades diferentes para selecioná-las de maneiras diferentes e combinações diferentes.

44
00:02:48,300 --> 00:02:53,850
Então eu estou usando este mesmo código aqui nos exemplos e estou desenhando uma caixa verde para que você possa ver

45
00:02:53,850 --> 00:02:54,680
nos próximos slides.

46
00:02:54,690 --> 00:02:57,810
Uma caixa verde em torno do que for selecionado.

47
00:02:58,410 --> 00:03:00,680
OK então vamos começar com o primeiro método.

48
00:03:00,780 --> 00:03:02,640
Obter elemento por ID.

49
00:03:02,970 --> 00:03:05,310
Então, seu nome é um pouco auto-explicativo.

50
00:03:05,550 --> 00:03:11,750
É necessário um nome de identificação e vai retornar o único elemento que corresponde a essa ID.

51
00:03:11,820 --> 00:03:15,220
Lembre-se de que uma ID só pode ocorrer uma vez em uma página.

52
00:03:15,240 --> 00:03:18,560
Então, aqui está um documento de exemplo diked get element by ID.

53
00:03:18,600 --> 00:03:26,010
Highlight selecionará esse aliado que tenha o Id resaltado, portanto ele seleciona o objeto e depois retorna

54
00:03:26,070 --> 00:03:26,940
para nós.

55
00:03:27,030 --> 00:03:29,450
Vou mostrar rapidamente isso no conselho.

56
00:03:29,520 --> 00:03:34,440
de documento, obter o elemento pelo ressalto do ID, que é o nosso nome ID.

57
00:03:37,530 --> 00:03:40,000
Então, vamos abrir o console para um tipo

58
00:03:40,100 --> 00:03:43,020
Vamos salvá-lo para uma variável chamada de tag.

59
00:03:43,020 --> 00:03:43,730
Clique em Enter.

60
00:03:43,890 --> 00:03:45,260
E vamos ver o TAG.

61
00:03:45,690 --> 00:03:49,940
E você pode vê-lo nos dá a primeira linha que tem ID igual a destacar.

62
00:03:50,040 --> 00:03:52,670
Então selecionamos algo por um ID.

63
00:03:52,800 --> 00:03:58,140
Novamente está nos mostrando como se realmente fosse envelhecer bem, mas o resultado disso é

64
00:03:58,140 --> 00:03:59,430
realmente um objeto javascript.

65
00:03:59,430 --> 00:04:02,980
Então, podemos fazer isso cancelado que Diyar novamente na etiqueta.

66
00:04:03,330 --> 00:04:05,030
E isso é realmente o que parece.

67
00:04:05,040 --> 00:04:06,320
Todas essas propriedades.

68
00:04:06,480 --> 00:04:12,630
Então, este é apenas um atalho agradável para que possamos visualizar visualmente o que selecionamos, mas, na realidade, é uma

69
00:04:12,630 --> 00:04:13,670
representação de objeto.

70
00:04:13,860 --> 00:04:16,740
Tudo bem, então é tudo o que há para obter um elemento por ID.

71
00:04:17,070 --> 00:04:23,220
Nós chamamos o método que passamos em um único argumento de seqüência de caracteres o nome de um ID que

72
00:04:23,220 --> 00:04:30,310
queremos e depois ele vai e encontra o elemento correspondente que tem a mesma ID e retorna a representação do objeto para nós.

73
00:04:31,320 --> 00:04:36,780
O próximo é obter elementos pelo nome da classe, então o nome dele diz exatamente o que ele faz.

74
00:04:36,840 --> 00:04:38,690
Assim como obter um elemento por ID.

75
00:04:38,820 --> 00:04:43,540
Embora este seja um pouco diferente Obtenha elementos em plural com um S pelo nome da classe.

76
00:04:43,620 --> 00:04:46,990
Lembre-se de que uma classe pode ocorrer quantas vezes quisermos em uma página.

77
00:04:47,100 --> 00:04:53,520
Então, passamos uma string como em negrito e isso vai retornar uma lista de todos os elementos da página que têm

78
00:04:53,670 --> 00:04:56,130
o nome da classe em negrito em negrito.

79
00:04:56,160 --> 00:05:01,590
Neste caso, há dois deles, mas se houvesse dez mil elementos na página que tivessem essa classe,

80
00:05:02,010 --> 00:05:04,150
obteríamos todos os 10000 em uma lista.

81
00:05:04,380 --> 00:05:11,810
Então, vamos demonstrar isso, por isso classificará o documento, obtendo o elemento pelo nome da classe e você pode ver se conseguimos esse pequeno autocomplete

82
00:05:11,810 --> 00:05:17,360
aqui para que possamos selecionar aquele que queremos obter elementos pelo nome da classe e, em seguida, o nome

83
00:05:17,360 --> 00:05:19,610
da classe que queremos é em negrito.

84
00:05:20,130 --> 00:05:21,650
Vamos salvá-lo em uma variável.

85
00:05:21,650 --> 00:05:28,400
Tags não tags, mas tags, porque nós vamos recuperar várias tags se olharmos para quais tags são.

86
00:05:28,730 --> 00:05:32,660
É uma lista de duas mentiras tanto com classe igual a negrito.

87
00:05:32,690 --> 00:05:34,730
Tecnicamente, não é uma matriz.

88
00:05:34,730 --> 00:05:38,330
É algo chamado uma lista de nós que é como uma matriz.

89
00:05:38,390 --> 00:05:40,450
Eu gosto de pensar nisso como uma matriz leve.

90
00:05:40,520 --> 00:05:43,700
Então, vem com algumas das coisas que você esperaria de uma matriz.

91
00:05:43,820 --> 00:05:46,430
Mas algumas das características mais avançadas estão faltando.

92
00:05:46,430 --> 00:05:52,000
Então, por exemplo, podemos acessar elementos como esse usando uma tag de índice 0.

93
00:05:52,220 --> 00:05:59,240
Nós podemos fazer tags para flanquear, mas não podemos fazer uma para cada tag de loop para cada ponto.

94
00:05:59,720 --> 00:06:02,930
E se eu apenas fizer isso, ele vai me dizer que as tags são para cada um.

95
00:06:02,930 --> 00:06:03,990
Não é uma função.

96
00:06:04,250 --> 00:06:10,340
não existe uma definição definida para essas listas de nó definidas para arrays e estas não são arrays.

97
00:06:10,340 --> 00:06:11,450
Então, é porque

98
00:06:11,750 --> 00:06:17,780
E, assim como com o elemento get by id, mostra-nos essa agradável representação de string, mas nos bastidores

99
00:06:17,930 --> 00:06:19,450
é realmente um objeto.

100
00:06:19,460 --> 00:06:25,740
Então, novamente, apenas para provar isso para você console dot DIR e nós fazemos tag zero.

101
00:06:26,270 --> 00:06:31,960
E é realmente este grande objeto complexo e louco com toneladas de propriedades.

102
00:06:32,540 --> 00:06:35,130
OK, então, obtenha elementos pelo nome da classe.

103
00:06:35,270 --> 00:06:36,320
Ele retorna uma lista.

104
00:06:36,380 --> 00:06:37,600
Não é uma matriz.

105
00:06:37,610 --> 00:06:44,110
E contém todos os elementos da página que correspondem ao nome da classe que fornecemos.

106
00:06:44,120 --> 00:06:46,860
Em seguida, obtemos elementos por nome etiquetado.

107
00:06:46,880 --> 00:06:51,050
Então, este funciona como obter um elemento por ID ou obter elementos pelo nome da classe.

108
00:06:51,140 --> 00:06:56,800
Exceto que ele retorna uma lista de elementos que combinam um nome de tag determinado como Ally ou H-1.

109
00:06:56,810 --> 00:07:02,780
Então, neste caso, eu estou executando arquivos de documento para obter elementos pelo nome da tag Alhaj, que vai

110
00:07:02,780 --> 00:07:06,040
me retornar uma lista dos três aliados que existem nesta página.

111
00:07:06,500 --> 00:07:16,040
iguais ao documento que obtém elementos pelo nome da etiqueta e vamos fazer o Alhaj primeiro e vamos ver as tags e nós

112
00:07:16,040 --> 00:07:26,630
obtemos esta lista também não é uma matriz, é uma lista de nós que tem três aliados e não vou provar isso para você desta vez.

113
00:07:26,630 --> 00:07:30,200
Então, novamente, vamos demonstrar que as tags var são

114
00:07:30,290 --> 00:07:31,950
Fui ao cônsul o DJR.

115
00:07:32,090 --> 00:07:35,300
Mas estes são objetos que não são apenas cordas ou não.

116
00:07:35,300 --> 00:07:39,030
H tim, eles são realmente objetos javascript com todas essas propriedades.

117
00:07:39,200 --> 00:07:42,230
Então eu posso fazer o mesmo para H-1.

118
00:07:42,410 --> 00:07:50,120
Então, vamos selecionar todos os h e olhamos as tags e chegamos a h e à lista.

119
00:07:50,270 --> 00:07:53,650
Não é apenas limitado às marcas que vemos dentro do corpo.

120
00:07:53,660 --> 00:07:55,100
Eu também poderia fazer algo assim.

121
00:07:55,100 --> 00:08:03,200
Obter elementos por nome do nome do corpo e ele vai voltar para mim uma lista com um elemento do

122
00:08:03,200 --> 00:08:04,250
corpo dentro dele.

123
00:08:04,250 --> 00:08:11,450
Ou eu também poderia fazê-lo para a cabeça ou o elemento de tempo ou título ou o que quer que eu queira, mas a parte

124
00:08:11,450 --> 00:08:16,490
importante é que ele retorna uma lista, mesmo se houver apenas um elemento, ele ainda retorna uma lista.

125
00:08:16,580 --> 00:08:23,360
Então, para selecionar o corpo, poderíamos fazer algo como o documento ECO do corpo de var que

126
00:08:24,920 --> 00:08:32,960
obtém elementos pelo nome do nome e, em seguida, basta pegar o primeiro item porque há apenas um item nessa lista.

127
00:08:32,960 --> 00:08:38,130
E se olharmos para o corpo, conseguimos esse objeto gigante que o corpo inteiro.

128
00:08:38,390 --> 00:08:38,690
ESTÁ BEM.

129
00:08:38,690 --> 00:08:40,880
Então, é Obter elementos pelo nome da etiqueta.

130
00:08:40,880 --> 00:08:43,960
Apenas para reiterar que você lhe dá um nome como Ally.

131
00:08:44,060 --> 00:08:48,510
Vai e encontra todos os elementos que o combinam e retorna todos para você em uma lista.

132
00:08:48,560 --> 00:08:50,960
Mesmo se houver apenas um.

133
00:08:51,080 --> 00:08:54,070
Então, aqui, eu tenho outro exemplo fazendo isso com um H-1.

134
00:08:54,200 --> 00:08:57,270
Você pode ver que seleciona as duas H uma vez.

135
00:08:58,190 --> 00:09:00,620
Ok então agora mudamos as mudanças um pouco.

136
00:09:00,710 --> 00:09:05,450
Já não temos um elemento de obtenção ou obtem elementos por alguma sintaxe.

137
00:09:05,540 --> 00:09:10,730
Isso é chamado de seer e o seletor de consulta é um método mais recente que não existe por

138
00:09:10,730 --> 00:09:11,360
tanto tempo.

139
00:09:11,390 --> 00:09:13,640
Isso realmente torna nossas vidas muito mais fáceis.

140
00:09:13,670 --> 00:09:18,980
Então nós realmente podemos usá-lo para fazer tudo o que vimos com obter elemento por id obter elementos por

141
00:09:18,980 --> 00:09:23,980
nome de classe obter elementos com nome de tag, podemos replicar tudo isso com o seletor de consultas.

142
00:09:24,350 --> 00:09:28,260
Então, o que faz é que é necessário um seletor de estilo CSSA.

143
00:09:28,370 --> 00:09:34,130
Portanto, um seletor de estilo CSSA significa apenas qualquer um dos seletores que usamos em vez de um documento CSSA.

144
00:09:34,130 --> 00:09:40,280
tenho que fazer é usar a sintaxe CSSA com o símbolo de hash ou Octa Thorpe e depois destaque.

145
00:09:40,280 --> 00:09:47,540
Então, neste exemplo, eu estou selecionando algo com base no destaque ID, então eu não posso simplesmente escrever a palavra destaque como eu

146
00:09:47,630 --> 00:09:50,060
fiz com obter elemento por ID, mas eu

147
00:09:50,060 --> 00:09:52,640
Então, é assim que você seleciona algo com o seletor de consulta.

148
00:09:52,640 --> 00:09:58,880
Se você quer um ID como você faria com o C Ss e obteremos esse primeiro aliado com ID igual a destacar.

149
00:09:59,180 --> 00:10:03,950
Antes de ir ao console e digitar isso, eu vou mostrar que podemos fazer o mesmo

150
00:10:03,950 --> 00:10:11,190
com um nome de classe, a tag var é igual a que o ponto de seletor quebrado é dobrado, o que é como selecionar

151
00:10:11,190 --> 00:10:13,070
a classe em negrito usando C Ss.

152
00:10:13,350 --> 00:10:18,200
E o que é importante é que na verdade só nos dá a primeira partida.

153
00:10:18,210 --> 00:10:23,910
Então, embora existam dois elementos que tenham negrito como classe, isso só nos dá o primeiro e esse é

154
00:10:23,910 --> 00:10:25,240
o ponto de seletor.

155
00:10:25,290 --> 00:10:30,960
Ele sempre retorna um elemento. Existe outro método que veremos em breve, que retornará todos os

156
00:10:30,960 --> 00:10:31,990
elementos que combinam.

157
00:10:32,010 --> 00:10:35,540
Portanto, um seletor de consulta também pode ter um nome de tag como o temos aqui.

158
00:10:35,550 --> 00:10:39,140
H-1 e retorna o primeiro H-1.

159
00:10:39,600 --> 00:10:45,570
Então, podemos tomar seletores CSSA que escrevemos o tempo todo e ver SS e podemos usar essa sintaxe para

160
00:10:45,570 --> 00:10:47,300
selecionar elementos com seletor de consultas.

161
00:10:47,640 --> 00:10:49,190
Então vou demonstrar isso aqui.

162
00:10:49,410 --> 00:10:53,830
Deixe-me limpar isso e vamos selecionar isso primeiro.

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

164
00:10:54,750 --> 00:10:56,310
Então, tudo o que eu preciso fazer.

165
00:10:56,340 --> 00:11:01,080
Var H-1 é igual ao seletor de consulta

166
00:11:03,930 --> 00:11:05,900
de documento H-1.

167
00:11:06,450 --> 00:11:11,820
E se olharmos para o que H1 é novamente, é uma boa representação de seqüência de caracteres, mas é realmente

168
00:11:11,820 --> 00:11:13,700
um objeto que representa esse elemento inteiro.

169
00:11:14,220 --> 00:11:18,160
Então, em seguida, vamos tentar selecionar com base em uma ID.

170
00:11:18,210 --> 00:11:21,270
Então, eu apenas vou copiar esta linha em vez de H-1.

171
00:11:21,270 --> 00:11:27,480
Este será um aliado e, ao invés de selecionar o primeiro, o H-1 selecionará o primeiro item

172
00:11:27,480 --> 00:11:29,280
que possui o destaque ID.

173
00:11:29,640 --> 00:11:35,370
E é claro que há apenas um item porque é uma identificação, é claro, é apenas um item que tem essa

174
00:11:35,380 --> 00:11:37,160
idéia em uma página e precisamos disso.

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

176
00:11:38,400 --> 00:11:44,180
Caso contrário, vai procurar um nome de etiqueta chamado destaque que não existe e H. J. ele fora.

177
00:11:45,010 --> 00:11:52,020
E se eu forçar Enter e olhar para Alhaj, eu obtenho esse primeiro aliado com o item da lista, um ID é igual a destaque.

178
00:11:52,500 --> 00:11:55,650
Por último, vamos fazer o mesmo com uma classe.

179
00:11:55,800 --> 00:12:02,730
Então eu uso o ponto CSSA Leichter dobrado, que é como selecionamos uma classe e, se olharmos para Ally, recebo o segundo

180
00:12:02,730 --> 00:12:07,270
aliado com a classe de itens iguais com o item 2 da lista com marcadores.

181
00:12:07,440 --> 00:12:09,350
Então, existem outras coisas que podemos selecionar.

182
00:12:09,510 --> 00:12:13,190
Não se baseia apenas em um nome de etiqueta ou em uma ID ou em uma classe.

183
00:12:13,200 --> 00:12:19,140
Esses são os mais comuns, mas podemos fazer outras coisas assim, o que não funcionará na minha

184
00:12:19,140 --> 00:12:25,770
página, mas eu poderia selecionar todas as tags de âncora dentro de um aliado com uma classe especial.

185
00:12:25,770 --> 00:12:29,550
E este é um seletor C Ss mais longo, mas é válido nos EUA.

186
00:12:29,620 --> 00:12:34,710
Então, todas as tags de âncora têm classe especial que são aninhadas dentro de um aliado e isso é totalmente válido.

187
00:12:35,730 --> 00:12:37,920
Novamente, eu não tenho isso configurado na minha página.

188
00:12:37,920 --> 00:12:40,900
Então, se eu pressionar Enter, só vou me dar.

189
00:12:41,520 --> 00:12:44,180
Não porque não encontrou nenhuma correspondência.

190
00:12:45,030 --> 00:12:49,200
Então, como eu mencionei, o seletor Querrey retorna a primeira partida e é isso.

191
00:12:49,200 --> 00:12:53,040
Às vezes, é útil, por exemplo, se você quisesse selecionar o corpo.

192
00:12:53,160 --> 00:12:59,180
do seletor de consultas e isso lhe dá o corpo ao contrário do que eu fiz documento diked obter elementos pelo nome do nome do corpo.

193
00:12:59,190 --> 00:13:01,380
Tudo o que tenho a fazer é dizer o corpo

194
00:13:01,380 --> 00:13:05,030
Eles me deram uma lista e então eles tiveram que pedir o primeiro elemento.

195
00:13:05,220 --> 00:13:08,520
Se eu usar um seletor de consultas, só vou pegar o corpo imediatamente.

196
00:13:08,730 --> 00:13:11,570
Mas a alternativa é um seerero diferente.

197
00:13:11,640 --> 00:13:13,570
Então, funciona exatamente da mesma maneira.

198
00:13:13,590 --> 00:13:17,840
É preciso um C um seletor definido, mas ele retorna todos os elementos correspondentes.

199
00:13:17,850 --> 00:13:27,030
Então, neste caso, estou usando o documento que consulta o seletor todos os H-1 retornam ambos h uma vez ou, neste caso, estou usando

200
00:13:27,030 --> 00:13:28,520
a classe em negrito.

201
00:13:28,620 --> 00:13:29,820
Então estilo CSSA.

202
00:13:29,850 --> 00:13:34,610
Eu preciso de um ponto em negrito e isso me dá dois elementos com a classe em negrito em negrito.

203
00:13:34,770 --> 00:13:36,930
Então vamos demonstrar isso no con. Vamos selecionar todos os aliados até agora.

204
00:13:37,050 --> 00:13:40,140
Allies é igual ao documento que consulta o seletor.

205
00:13:40,140 --> 00:13:43,200
Todos aliados.

206
00:13:43,440 --> 00:13:46,560
E isso me dará todos eles.

207
00:13:46,870 --> 00:13:48,300
Eu olho para os aliados.

208
00:13:48,510 --> 00:13:49,820
Você pode ver que tem três aliados.

209
00:13:50,040 --> 00:13:52,010
Uma última vez eu sei que sou um disco quebrado.

210
00:13:52,380 --> 00:13:54,370
Estes são objetos.

211
00:13:54,390 --> 00:13:55,660
Eles não são HMO.

212
00:13:55,740 --> 00:13:57,200
Eles são objetos javascript que são construídos a partir do HMO.

213
00:13:57,270 --> 00:14:01,410
E se eu fizer o mesmo, mas eu faço isso, em vez disso, com o seletor de consulta e presto Enter.

214
00:14:02,220 --> 00:14:08,450
Se eu olhar para os aliados não é uma lista, é apenas uma.

215
00:14:08,760 --> 00:14:12,180
Então, mesmo se eu fizesse por uma aula.

216
00:14:12,510 --> 00:14:14,520
Então, vamos fazer isso para a aula em negrito.

217
00:14:14,550 --> 00:14:17,670
Vamos chamá-lo em negrito e você documentou esse ponto de seleção de consulta em negrito.

218
00:14:17,670 --> 00:14:23,320
E eu vejo que é apenas o item da primeira lista de itens também.

219
00:14:24,060 --> 00:14:27,920
E se eu fizer consulta no seletor, eu então recebo

220
00:14:27,990 --> 00:14:29,850
uma lista com os dois.

221
00:14:32,520 --> 00:14:35,630
Um ponto de confusão freqüentemente para meus alunos é que

222
00:14:35,860 --> 00:14:41,010
você ainda pode usar o seletor de consultas, mesmo que apenas um elemento que você está procurando.

223
00:14:41,010 --> 00:14:42,940
Então, você poderia fazer algo como var ally igual a seletor de consulta de documento de ponto.

224
00:14:43,120 --> 00:14:51,070
Toda uma identificação como destaque e eu olho para Ally e é uma lista com um item.

225
00:14:51,300 --> 00:14:59,300
É muito raro que você faria isso, mas ainda funcionará se houver apenas uma partida.

226
00:14:59,350 --> 00:15:03,700
Tudo bem, então cobrimos muito terreno neste vídeo.

227
00:15:04,080 --> 00:15:06,530
Então vamos voltar ao começo e fazer uma conclusão muito rápida.

228
00:15:06,900 --> 00:15:10,320
Começamos por falar sobre como todos esses métodos estão dentro do

229
00:15:10,530 --> 00:15:15,860
objeto do documento que podemos selecionar por ID com get elemento por ID, podemos selecionar por nome

230
00:15:15,880 --> 00:15:22,530
de classe com obter elementos por nome de classe e retorna uma lista que na verdade não é um matriz.

231
00:15:22,560 --> 00:15:24,530
É chamada de uma lista de nós.

232
00:15:24,610 --> 00:15:26,370
seletor de consulta que é um jack de todos os negócios.

233
00:15:26,380 --> 00:15:31,140
Podemos fazer o mesmo, mas usando elementos GET por nome de etiqueta que também retornará uma lista de nós com base em um tipo de elemento que selecionamos, então temos um

234
00:15:31,140 --> 00:15:36,850
Retorna o primeiro elemento que corresponde a um determinado seletor CSSA.

235
00:15:36,990 --> 00:15:40,860
Então, podemos usá-lo para fazer tudo o que obtém o elemento pelo nome da classe id e

236
00:15:40,980 --> 00:15:46,680
pelo nome da etiqueta, podemos dar-lhe uma ID, como nós fazemos aqui em uma classe, como nós fazemos aqui ou um nome de elemento.

237
00:15:46,680 --> 00:15:52,210
E, em seguida, há um seletor de consulta que funciona da mesma maneira,

238
00:15:52,620 --> 00:15:57,510
exceto que ele retorna uma lista que não é uma matriz.

239
00:15:57,510 --> 00:15:57,900
Também é um nó estourando com todos os elementos que combinam com um determinado seletor.

240
00:15:57,900 --> 00:16:01,800
Tudo bem.

241
00:16:01,800 --> 00:16:02,040
Então, depois, vou fazer você fazer um exercício muito rápido

242
00:16:02,040 --> 00:16:04,500