1
00:00:00,220 --> 00:00:02,490
OK, quindi ci sono altri tre metodi di cui voglio parlare.

2
00:00:02,520 --> 00:00:04,160
E sono tutti molto simili.

3
00:00:04,170 --> 00:00:06,480
Hanno a che fare con le lezioni.

4
00:00:06,600 --> 00:00:14,160
Quindi se ripensi alla proprietà dell'elenco classi e al DOT Aggiungi Rimuovi e attiva / disattiva i metodi che accompagnano

5
00:00:14,160 --> 00:00:15,510
l'elenco delle classi.

6
00:00:15,510 --> 00:00:19,650
Questi sono i J. UN. G. analoghi Quindi questa sarà una domanda veloce.

7
00:00:19,720 --> 00:00:21,600
Sto solo dimostrando quelli molto velocemente.

8
00:00:21,720 --> 00:00:28,500
definire il tag di stile e lo farò solo in linea per la seconda volta e aggiungerò alcune classi .

9
00:00:28,500 --> 00:00:32,500
Quindi andrò al mio HMO e la prima cosa che farò è

10
00:00:32,700 --> 00:00:34,350
Quindi il primo aggiungerà.

11
00:00:34,380 --> 00:00:39,520
Beh, basta chiamarlo punto corretto e farà diventare verde qualcosa.

12
00:00:39,540 --> 00:00:47,700
Quindi faremo solo un colore verde e aggiungeremo un altro punto sbagliato e questo renderà

13
00:00:47,730 --> 00:00:51,170
il colore rosso e lo sfondo rosa.

14
00:00:51,690 --> 00:00:59,820
E infine faremo il punto che sarà come per una lista delle cose da fare e faremo il

15
00:01:00,360 --> 00:01:05,160
colore è grigio e la decorazione del testo è lineare.

16
00:01:05,700 --> 00:01:11,670
OK, ora abbiamo tre classi e poi useremo la query J per aggiungere e rimuovere quelle classi.

17
00:01:12,900 --> 00:01:14,300
Quindi darò un'occhiata ai documenti.

18
00:01:14,320 --> 00:01:15,300
Solo uno di loro.

19
00:01:15,300 --> 00:01:18,640
Diamo un'occhiata a aggiungi classe.

20
00:01:20,070 --> 00:01:26,850
Puoi vedere che aggiunge la classe o le classi specificate a ciascun elemento nel set di elementi corrispondenti.

21
00:01:27,360 --> 00:01:31,470
Quindi questo aggiungerà due classi a tutti i paragrafi.

22
00:01:31,680 --> 00:01:38,040
La mia classe e la tua classe per tutti i paragrafi che lo rende davvero utile se vogliamo assegnare una classe

23
00:01:38,040 --> 00:01:39,770
a un gruppo di elementi contemporaneamente.

24
00:01:40,110 --> 00:01:41,640
Quindi torniamo qui.

25
00:01:41,730 --> 00:01:47,360
Quindi iniziamo facendo in modo che questo H-1 abbia la classe corretta che diventa verde.

26
00:01:47,490 --> 00:01:52,020
Quindi selezioniamo H-1 assicurandoci di averlo.

27
00:01:52,110 --> 00:01:56,030
Aggiunge classe.

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

29
00:01:57,180 --> 00:01:58,980
Proprio così.

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

31
00:02:00,540 --> 00:02:05,400
E se lo ispezioniamo, puoi vedere che ha classe uguale a corretta.

32
00:02:05,940 --> 00:02:10,770
E poi possiamo rimuovere la classe per fare la stessa cosa, ma al contrario.

33
00:02:10,770 --> 00:02:12,960
Quindi rimuovi H-1.

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

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

36
00:02:15,330 --> 00:02:21,620
Rimuoveremo la classe corretta da quell'elemento e ora non ha più quella classe.

37
00:02:22,290 --> 00:02:24,480
Quindi possiamo anche farlo in una collezione.

38
00:02:24,480 --> 00:02:28,290
Quindi selezioneremo tutti gli alleati.

39
00:02:28,770 --> 00:02:32,330
Ne prendiamo tre e poi aggiungeremo la classe.

40
00:02:32,640 --> 00:02:35,960
Sbagliato proprio così.

41
00:02:36,210 --> 00:02:41,390
E tutti ora hanno quella classe in cui hanno uno sfondo rosa e il colore del testo è rosso.

42
00:02:41,400 --> 00:02:43,300
Puoi vedere che li ha aggiunti a tre.

43
00:02:43,650 --> 00:02:49,080
Quindi, ancora una volta so di essere un disco rotto qui, ma se lo facessimo senza j Querrey

44
00:02:49,080 --> 00:02:54,810
dovremmo selezionarli tutti e tre manualmente con un selettore di query tutto possibile e poi faremo il ciclo con

45
00:02:54,810 --> 00:02:59,840
il ciclo for e per ognuno faremmo in modo che la classe senza classe aggiunga qualcosa di sbagliato.

46
00:03:00,240 --> 00:03:01,690
Quindi non dobbiamo fare nulla di tutto ciò.

47
00:03:01,860 --> 00:03:05,610
Questo ha un loop implicito che si prende cura di tutto per noi.

48
00:03:06,180 --> 00:03:13,990
Ora rimuoviamo quella classe da tutti e aggiungiamo la classe.

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

50
00:03:14,700 --> 00:03:16,540
Tutti loro proprio così.

51
00:03:16,560 --> 00:03:18,450
E ora diventano tutti verdi.

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

53
00:03:19,830 --> 00:03:24,530
Quindi l'ultimo che mostrerò è la classe di commutazione che funziona esattamente come.

54
00:03:24,540 --> 00:03:31,410
L'elenco di classi commuta fa dove prende un argomento un nome di classe e lo applicherà o

55
00:03:31,410 --> 00:03:34,320
lo aggiungerà all'Elman o all'insieme di elementi.

56
00:03:34,320 --> 00:03:39,150
Se non ce l'hanno ancora e se hanno questa classe, la rimuoverà.

57
00:03:39,150 --> 00:03:40,870
Quindi proviamolo adesso.

58
00:03:41,520 --> 00:03:47,990
Andiamo e facciamo un interruttore in modo che tutti gli alleati cambino.

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

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

61
00:03:50,340 --> 00:03:52,200
E hanno già quella classe.

62
00:03:52,320 --> 00:03:53,470
Quindi questo lo rimuoverà.

63
00:03:53,520 --> 00:03:57,870
E se lo riavviamo, lo aggiungerà e lo rimuoverò, aggiungendolo e rimuovendolo.

64
00:03:57,870 --> 00:04:02,820
Quindi proviamo qualcosa di diverso e lo facciamo solo per il primo alleato.

65
00:04:02,820 --> 00:04:07,840
Quindi prima Elijah che è proprio come l'ultima che ti ho mostrato.

66
00:04:08,160 --> 00:04:13,630
E attiveremo la lezione.

67
00:04:14,190 --> 00:04:19,110
E quindi solo il primo è eccezionale e ha quell'effetto barrato.

68
00:04:19,110 --> 00:04:30,090
Ora, se seleziono tutti gli alleati che attivano la lezione e premo Invio, puoi vedere che si

69
00:04:30,120 --> 00:04:31,520
attiva singolarmente.

70
00:04:31,710 --> 00:04:33,290
Quindi questo ha fatto la lezione.

71
00:04:33,300 --> 00:04:36,310
Quindi è stato rimosso e questi due non avevano la classe.

72
00:04:36,390 --> 00:04:39,060
Quindi ha automaticamente aggiunto declasse.

73
00:04:39,540 --> 00:04:40,920
Questo è tutto ciò che volevo dimostrare.

74
00:04:40,920 --> 00:04:46,920
Abbiamo classe rimuovere classe e attivare la classe e hanno funzionato in modo molto simile a come hanno fatto con

75
00:04:46,920 --> 00:04:48,310
l'elenco delle classi con vanilla.

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

77
00:04:49,170 --> 00:04:54,570
La grande differenza, come tutto nella query J, è che possiamo agire su una raccolta di elementi

78
00:04:54,570 --> 00:04:56,310
senza dover effettivamente scrivere il ciclo.

79
00:04:56,760 --> 00:04:57,380
OK.