1
00:00:00,640 --> 00:00:05,130
Este vídeo, vamos continuar aprendendo sobre diferentes maneiras de manipular elementos.

2
00:00:05,160 --> 00:00:06,360
Uma vez que os selecionamos.

3
00:00:06,690 --> 00:00:11,040
Então falamos sobre a manipulação de classes de mudança de estilo removendo classes.

4
00:00:11,040 --> 00:00:15,290
Falamos sobre a alteração do conteúdo do texto e enfureceu-o.

5
00:00:15,600 --> 00:00:18,600
Agora vamos falar sobre a manipulação de atributos.

6
00:00:18,810 --> 00:00:25,820
Então, lembre-se de atributos são coisas como H. F. é igual a Google como com ou fonte em uma imagem.

7
00:00:26,550 --> 00:00:32,460
Então eles sempre seguem esse nome de propriedade é igual a algo dentro de citações e os atributos

8
00:00:32,460 --> 00:00:33,330
são realmente importantes.

9
00:00:33,330 --> 00:00:36,410
E às vezes queremos manipulá-los, queremos mudar as coisas.

10
00:00:36,570 --> 00:00:40,890
Então, vamos fazer coisas simples no início, como alterar todos os links no Google.

11
00:00:40,900 --> 00:00:45,950
A página inicial da Dotcom para ser um link para.

12
00:00:46,200 --> 00:00:51,040
Então, vamos fazer algumas coisas simples para começar como mudar todos os links na página inicial do Google dot

13
00:00:51,060 --> 00:00:52,460
com para ser o Bing dotcom.

14
00:00:52,490 --> 00:00:58,280
Mas alterar atributos é algo que é realmente importante e útil em projetos reais.

15
00:00:58,320 --> 00:01:05,610
Então, se fizemos um controle deslizante de imagem, por exemplo, muitas vezes as galerias de imagens, os controles deslizantes de imagem são

16
00:01:05,610 --> 00:01:11,440
feitos alterando a fonte de uma imagem e é apenas uma imagem e a fonte está sendo alterada.

17
00:01:11,730 --> 00:01:16,800
Então, esse é apenas um exemplo rápido, mas vamos falar sobre como podemos recuperar o

18
00:01:16,890 --> 00:01:21,460
valor de atributos específicos e como também podemos alterar ou manipular o valor.

19
00:01:21,570 --> 00:01:28,050
Neste exemplo, temos uma marca de âncora com um rascunho para ser o google. com e uma etiqueta de imagem com

20
00:01:28,050 --> 00:01:30,110
fonte é logo dot DNG.

21
00:01:30,360 --> 00:01:36,300
Então, selecionamos a marca de âncora para iniciar o seletor de consulta, salvo para vincular e existe um

22
00:01:36,300 --> 00:01:41,880
método que podemos usar chamado atributo Obter e obter atributo faz o que parece recuperar ou obtém

23
00:01:42,150 --> 00:01:44,360
o valor do atributo específico que pedimos.

24
00:01:44,490 --> 00:01:51,810
Então, se pedimos uma respiração neste link, vai nos dar www. Youtube. o atributo set toma dois argumentos.

25
00:01:51,810 --> 00:01:56,580
com e então também posso alterar esse atributo usando o atributo Set e

26
00:01:56,640 --> 00:02:01,890
O primeiro é o nome do atributo e o segundo é o que eu quero mudar.

27
00:02:01,890 --> 00:02:08,820
Então, neste caso, estou mudando o Tref neste link para ser o WDW que os cães ponham com.

28
00:02:09,540 --> 00:02:13,200
Avançemos e demonstremos isso no navegador.

29
00:02:13,200 --> 00:02:17,940
Então, eu vou usar o atributo get para recuperar a fonte desta primeira imagem aqui.

30
00:02:18,150 --> 00:02:19,430
Então eu preciso selecioná-lo.

31
00:02:19,680 --> 00:02:26,970
Vamos apenas chamá-lo de imagem igual a documento e vamos fazer elementos por imagem

32
00:02:29,610 --> 00:02:33,810
de nome de etiqueta e queremos o primeiro.

33
00:02:33,810 --> 00:02:43,330
E se olharmos para a imagem 1, se pedimos a fonte, só obtemos atributo como sarcy.

34
00:02:44,280 --> 00:02:45,840
E esta é a nossa fonte.

35
00:02:46,170 --> 00:02:52,620
Se eu quisesse mudar essa imagem, eu realmente tenho uma imagem preparada aqui de outra mistura corgi

36
00:02:52,770 --> 00:02:54,290
adorável, um corgi rouco.

37
00:02:54,780 --> 00:03:03,180
Eu vou seguir em frente e apenas copiar isso e mudar isso usando um atributo de conjunto de

38
00:03:03,180 --> 00:03:07,700
pontos como esse e depois passá-lo como o segundo argumento.

39
00:03:07,700 --> 00:03:12,500
E entramos em Enter e agora eu atualizo minha imagem lá.

40
00:03:13,020 --> 00:03:15,700
E eu poderia fazer a mesma coisa, é claro, para a segunda imagem.

41
00:03:15,750 --> 00:03:22,290
Eu só preciso selecioná-lo para que possamos fazer algo como isso para que

42
00:03:22,290 --> 00:03:35,970
a imagem seja documentada para obter elementos por imagem de nome de etiqueta 1 e depois imagem para definir fonte de atributo para ser a mesma coisa.

43
00:03:35,970 --> 00:03:41,520
Agora, temos dois daqueles adoráveis ​​com os Husky.

44
00:03:41,670 --> 00:03:45,220
Então, por uma questão de diversidade, também adicionarei uma marca de âncora.

45
00:03:45,360 --> 00:03:53,220
Então, apenas no topo terá uma marca de âncora com o Tref BW dot Google dot com e então iremos aqui.

46
00:03:53,370 --> 00:04:01,380
O link para o Google e o que podemos fazer para começar é a mudança que liga uma referência.

47
00:04:01,390 --> 00:04:07,950
Então, se estamos frescos a página, temos o link que selecionamos até agora um documento igual ao que consulta

48
00:04:08,510 --> 00:04:09,480
o seletor A.

49
00:04:09,930 --> 00:04:17,880
E então, vamos fazer um atributo de conjunto de pontos, um Tref não está fazendo a fonte mais, estamos mudando a natureza

50
00:04:17,880 --> 00:04:27,600
do atributo e nós faremos isso para o Corgies dot com e se olharmos antes de tudo se olharmos a tag você pode ver o caminho

51
00:04:27,910 --> 00:04:32,940
que nos é representado e os contras. Ele mudou para Corgies dot com.

52
00:04:33,090 --> 00:04:35,080
Se eu inspecioná-lo.

53
00:04:35,690 --> 00:04:38,200
HCF mudou o começo com o Corgies.

54
00:04:38,370 --> 00:04:46,680
E, finalmente, se eu clicar nele em uma nova guia nos leva a Corgies dot com e você notará que realmente não

55
00:04:46,680 --> 00:04:51,620
nos levou ao site Corgies star com tentou fazê-lo em um caminho relativo.

56
00:04:51,660 --> 00:04:57,390
se quisermos realmente ir ao site Corgies começar com que eu não tenho certeza é um site real.

57
00:04:57,390 --> 00:04:58,750
Então, para corrigir isso,

58
00:04:59,160 --> 00:05:06,750
Precisamos fazer a barra oblíqua do ponto de extremidade de HTP e isso diz ao navegador que este link não é relativo a

59
00:05:06,750 --> 00:05:07,280
onde estamos.

60
00:05:07,410 --> 00:05:12,210
É um caminho absoluto, o que significa apenas ir para este URL, não tente adicioná-lo no final de

61
00:05:12,210 --> 00:05:12,600
onde estamos.

62
00:05:12,780 --> 00:05:18,260
Então estamos usando o protocolo HTP e eu faço isso agora se inspecionarmos.

63
00:05:18,810 --> 00:05:21,400
Você pode ver que mudou o HGP.

64
00:05:21,660 --> 00:05:29,070
clicarmos em uma nova guia, Corgies dotcom, ninguém possui isso realmente ou alguém é dono dele, mas não o usa.

65
00:05:29,070 --> 00:05:30,000
E se

66
00:05:30,000 --> 00:05:32,690
É uma vergonha e vergonha.

67
00:05:32,700 --> 00:05:37,350
Então, a última coisa apenas para atualizar esse link que não diz link para o Google.

68
00:05:37,350 --> 00:05:38,850
Tudo o que precisamos fazer é a.

69
00:05:39,000 --> 00:05:45,240
E nós temos duas escolhas, mas o conteúdo do texto geralmente é a melhor opção

70
00:05:45,270 --> 00:05:54,940
para apenas mudar o texto de texto. O texto é igual ao link para o corgi dot com e agora a nossa tag mudou.

71
00:05:54,960 --> 00:05:59,260
É um atributo Atra e o conteúdo interno também mudou.

72
00:06:00,030 --> 00:06:05,350
Então, para concluir, obtemos atributo e atributo de conjunto e aqueles funcionam em quaisquer atributos.

73
00:06:05,550 --> 00:06:11,400
Então eu mostrei isso para um Tref e para a fonte, mas você poderia usá-lo se você quisesse mudar uma ID para mudar

74
00:06:11,430 --> 00:06:13,970
uma classe ou qualquer outro atributo que esteja lá fora.

75
00:06:13,980 --> 00:06:18,120
Há um pouco mais, mas estes são os mais comuns que irão trabalhar com