Ok, então há mais três métodos que eu quero falar.
E todos são muito parecidos.
Eles têm que ver com as aulas.
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
a lista de classes.
Estes são os J. UMA. G. Analogos Então, esta será uma pergunta rápida.
Apenas vou demonstrar isso de forma muito rápida.
fazer é definir a marca de estilo e eu vou fazer isso na fila pela segunda vez e vou adicionar algumas aulas .
Então eu vou para o meu HMO e a primeira coisa que vou
Então, o primeiro irá adicionar.
Bem, basta chamar Dot correto e isso fará com que algo fique verde.
Então, vamos fazer colorir verde e adicionaremos um outro ponto errado e isso fará com
que a cor vermelha eo fundo cor-de-rosa.
E, em seguida, vai fazer o ponto feito, que será como para uma lista de tarefas e vamos fazer
a cor é cinza e a decoração do texto está em linha.
OK, então agora temos três aulas e então vamos usar a consulta J para adicionar e remover essas classes.
Então eu vou dar uma olhada nos documentos.
Apenas um deles.
Vamos dar uma olhada em adicionar classe.
Você pode ver que adiciona a classe ou classes especificadas a cada elemento no conjunto de elementos correspondentes.
Então isso irá adicionar duas classes a todos os parágrafos.
Minha classe e sua classe para todos os parágrafos que o tornam realmente útil se quisermos atribuir uma classe a
vários elementos ao mesmo tempo.
Então vamos voltar aqui.
Então, vamos começar fazendo com que este H-1 tenha a classe correta que acabou de se tornar verde.
Então, selecione H-1 para garantir que a possamos.
Ele adiciona a classe.
Corrigir.
Bem desse jeito.
E fica verde.
E se inspecionamos, você pode ver que tem uma classe igual à correta.
E então podemos fazer a classe remover para fazer o mesmo, mas em sentido inverso.
Então, remova H-1.
Classe.
Corrigir.
Vamos remover a classe correta desse elemento e agora já não tem essa classe.
Então, também podemos fazer isso em uma coleção.
Então, selecionaremos todos os aliados.
Nós recebemos três deles e então vamos adicionar a classe.
Errado assim.
E todos eles agora têm essa classe onde eles têm um fundo rosa e a cor do texto é vermelho.
Você pode vê-lo adicionado a três.
Então, mais uma vez eu sei que eu sou um registro quebrado, mas se fizéssemos isso sem
j Querrey, teríamos que selecionar todos esses três manualmente com um seletor de consulta, possivelmente, e então nós
iremos com o loop for e para cada um nós faríamos a classe sem classe adicionar errado.
Portanto, não precisamos fazer nada disso.
Isso tem um ciclo implícito que cuida de tudo para nós.
Então, vamos agora remover essa classe errada de todos eles e vamos adicionar a classe.
Corrigir.
Todos eles apenas assim.
E agora todos ficam verdes.
Perfeito.
Então, o último que eu vou demonstrar é alternar aula que funciona exatamente.
O alternar da lista de classes faz onde é necessário um argumento de um nome de classe e ele irá aplicar essa
classe ou adicioná-la ao Elman ou conjunto de elementos.
Se eles ainda não o tiverem e se eles tiverem essa classe, ele irá removê-lo.
Então vamos tentar isso agora.
Vamos fazer uma alternância para que todos os aliados toggle.
Classe.
Corrigir.
E eles já têm essa classe.
Então isso irá removê-lo.
E se o executarmos novamente, isso irá adicioná-lo e removê-lo e adicioná-lo e removê-lo.
Então, vamos tentar algo um pouco diferente e apenas fazê-lo para o primeiro aliado.
Então, Elijah é o primeiro a ser o último que eu mostrei.
E vamos alternar a classe.
E então, apenas o primeiro é ótimo e tem esse efeito tachado.
Agora, se eu selecionar todos aliados que alternam a classe e eu entrei, você pode ver que ele alterna cada
um individualmente.
Então este teve a aula feita.
Então foi removido e esses dois não tiveram a classe.
Então, ele automaticamente adicionou declasse.
Isso é tudo o que queria demonstrar.
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
de aulas com a baunilha.
Sim.
A grande diferença, como tudo na consulta J, é que podemos agir em uma coleção de elementos sem
realmente ter que escrever o loop.
ESTÁ BEM.