1
00:00:00,220 --> 00:00:02,490
Ok, então há mais três métodos que eu quero falar.

2
00:00:02,520 --> 00:00:04,160
E todos são muito parecidos.

3
00:00:04,170 --> 00:00:06,480
Eles têm que ver com as aulas.

4
00:00:06,600 --> 00:00:14,160
Então, se você pensar de volta para a propriedade da lista de classes e os métodos DOT Adicionar Remover e alternar que acompanham

5
00:00:14,160 --> 00:00:15,510
a lista de classes.

6
00:00:15,510 --> 00:00:19,650
Estes são os J. UMA. G. Analogos Então, esta será uma pergunta rápida.

7
00:00:19,720 --> 00:00:21,600
Apenas vou demonstrar isso de forma muito rápida.

8
00:00:21,720 --> 00:00:28,500
fazer é definir a marca de estilo e eu vou fazer isso na fila pela segunda vez e vou adicionar algumas aulas .

9
00:00:28,500 --> 00:00:32,500
Então eu vou para o meu HMO e a primeira coisa que vou

10
00:00:32,700 --> 00:00:34,350
Então, o primeiro irá adicionar.

11
00:00:34,380 --> 00:00:39,520
Bem, basta chamar Dot correto e isso fará com que algo fique verde.

12
00:00:39,540 --> 00:00:47,700
Então, vamos fazer colorir verde e adicionaremos um outro ponto errado e isso fará com

13
00:00:47,730 --> 00:00:51,170
que a cor vermelha eo fundo cor-de-rosa.

14
00:00:51,690 --> 00:00:59,820
E, em seguida, vai fazer o ponto feito, que será como para uma lista de tarefas e vamos fazer

15
00:01:00,360 --> 00:01:05,160
a cor é cinza e a decoração do texto está em linha.

16
00:01:05,700 --> 00:01:11,670
OK, então agora temos três aulas e então vamos usar a consulta J para adicionar e remover essas classes.

17
00:01:12,900 --> 00:01:14,300
Então eu vou dar uma olhada nos documentos.

18
00:01:14,320 --> 00:01:15,300
Apenas um deles.

19
00:01:15,300 --> 00:01:18,640
Vamos dar uma olhada em adicionar classe.

20
00:01:20,070 --> 00:01:26,850
Você pode ver que adiciona a classe ou classes especificadas a cada elemento no conjunto de elementos correspondentes.

21
00:01:27,360 --> 00:01:31,470
Então isso irá adicionar duas classes a todos os parágrafos.

22
00:01:31,680 --> 00:01:38,040
Minha classe e sua classe para todos os parágrafos que o tornam realmente útil se quisermos atribuir uma classe a

23
00:01:38,040 --> 00:01:39,770
vários elementos ao mesmo tempo.

24
00:01:40,110 --> 00:01:41,640
Então vamos voltar aqui.

25
00:01:41,730 --> 00:01:47,360
Então, vamos começar fazendo com que este H-1 tenha a classe correta que acabou de se tornar verde.

26
00:01:47,490 --> 00:01:52,020
Então, selecione H-1 para garantir que a possamos.

27
00:01:52,110 --> 00:01:56,030
Ele adiciona a classe.

28
00:01:56,040 --> 00:01:57,030
Corrigir.

29
00:01:57,180 --> 00:01:58,980
Bem desse jeito.

30
00:01:59,430 --> 00:02:00,520
E fica verde.

31
00:02:00,540 --> 00:02:05,400
E se inspecionamos, você pode ver que tem uma classe igual à correta.

32
00:02:05,940 --> 00:02:10,770
E então podemos fazer a classe remover para fazer o mesmo, mas em sentido inverso.

33
00:02:10,770 --> 00:02:12,960
Então, remova H-1.

34
00:02:12,960 --> 00:02:13,790
Classe.

35
00:02:14,040 --> 00:02:15,180
Corrigir.

36
00:02:15,330 --> 00:02:21,620
Vamos remover a classe correta desse elemento e agora já não tem essa classe.

37
00:02:22,290 --> 00:02:24,480
Então, também podemos fazer isso em uma coleção.

38
00:02:24,480 --> 00:02:28,290
Então, selecionaremos todos os aliados.

39
00:02:28,770 --> 00:02:32,330
Nós recebemos três deles e então vamos adicionar a classe.

40
00:02:32,640 --> 00:02:35,960
Errado assim.

41
00:02:36,210 --> 00:02:41,390
E todos eles agora têm essa classe onde eles têm um fundo rosa e a cor do texto é vermelho.

42
00:02:41,400 --> 00:02:43,300
Você pode vê-lo adicionado a três.

43
00:02:43,650 --> 00:02:49,080
Então, mais uma vez eu sei que eu sou um registro quebrado, mas se fizéssemos isso sem

44
00:02:49,080 --> 00:02:54,810
j Querrey, teríamos que selecionar todos esses três manualmente com um seletor de consulta, possivelmente, e então nós

45
00:02:54,810 --> 00:02:59,840
iremos com o loop for e para cada um nós faríamos a classe sem classe adicionar errado.

46
00:03:00,240 --> 00:03:01,690
Portanto, não precisamos fazer nada disso.

47
00:03:01,860 --> 00:03:05,610
Isso tem um ciclo implícito que cuida de tudo para nós.

48
00:03:06,180 --> 00:03:13,990
Então, vamos agora remover essa classe errada de todos eles e vamos adicionar a classe.

49
00:03:14,060 --> 00:03:14,690
Corrigir.

50
00:03:14,700 --> 00:03:16,540
Todos eles apenas assim.

51
00:03:16,560 --> 00:03:18,450
E agora todos ficam verdes.

52
00:03:18,450 --> 00:03:19,800
Perfeito.

53
00:03:19,830 --> 00:03:24,530
Então, o último que eu vou demonstrar é alternar aula que funciona exatamente.

54
00:03:24,540 --> 00:03:31,410
O alternar da lista de classes faz onde é necessário um argumento de um nome de classe e ele irá aplicar essa

55
00:03:31,410 --> 00:03:34,320
classe ou adicioná-la ao Elman ou conjunto de elementos.

56
00:03:34,320 --> 00:03:39,150
Se eles ainda não o tiverem e se eles tiverem essa classe, ele irá removê-lo.

57
00:03:39,150 --> 00:03:40,870
Então vamos tentar isso agora.

58
00:03:41,520 --> 00:03:47,990
Vamos fazer uma alternância para que todos os aliados toggle.

59
00:03:48,120 --> 00:03:49,550
Classe.

60
00:03:49,620 --> 00:03:50,300
Corrigir.

61
00:03:50,340 --> 00:03:52,200
E eles já têm essa classe.

62
00:03:52,320 --> 00:03:53,470
Então isso irá removê-lo.

63
00:03:53,520 --> 00:03:57,870
E se o executarmos novamente, isso irá adicioná-lo e removê-lo e adicioná-lo e removê-lo.

64
00:03:57,870 --> 00:04:02,820
Então, vamos tentar algo um pouco diferente e apenas fazê-lo para o primeiro aliado.

65
00:04:02,820 --> 00:04:07,840
Então, Elijah é o primeiro a ser o último que eu mostrei.

66
00:04:08,160 --> 00:04:13,630
E vamos alternar a classe.

67
00:04:14,190 --> 00:04:19,110
E então, apenas o primeiro é ótimo e tem esse efeito tachado.

68
00:04:19,110 --> 00:04:30,090
Agora, se eu selecionar todos aliados que alternam a classe e eu entrei, você pode ver que ele alterna cada

69
00:04:30,120 --> 00:04:31,520
um individualmente.

70
00:04:31,710 --> 00:04:33,290
Então este teve a aula feita.

71
00:04:33,300 --> 00:04:36,310
Então foi removido e esses dois não tiveram a classe.

72
00:04:36,390 --> 00:04:39,060
Então, ele automaticamente adicionou declasse.

73
00:04:39,540 --> 00:04:40,920
Isso é tudo o que queria demonstrar.

74
00:04:40,920 --> 00:04:46,920
Nós teríamos classe remover classe e classe de alternância e eles trabalharam muito parecido com a forma como eles fizeram com a lista

75
00:04:46,920 --> 00:04:48,310
de aulas com a baunilha.

76
00:04:48,360 --> 00:04:49,040
Sim.

77
00:04:49,170 --> 00:04:54,570
A grande diferença, como tudo na consulta J, é que podemos agir em uma coleção de elementos sem

78
00:04:54,570 --> 00:04:56,310
realmente ter que escrever o loop.

79
00:04:56,760 --> 00:04:57,380
ESTÁ BEM.