1
00:00:00,220 --> 00:00:02,490
OK, il ya trois méthodes de plus dont je veux parler.

2
00:00:02,520 --> 00:00:04,160
Et ils sont tous très semblables.

3
00:00:04,170 --> 00:00:06,480
Ils ont à voir avec les classes.

4
00:00:06,600 --> 00:00:15,510
Donc, si vous pensez à la propriété de liste de classe et les méthodes DOT Add Remove et Toggle qui vont avec la liste de classe.

5
00:00:15,510 --> 00:00:19,650
Ce sont les J.A.G. Analogues Donc ce sera une question rapide.

6
00:00:19,720 --> 00:00:21,600
Je vais les démontrer très rapidement.

7
00:00:21,720 --> 00:00:32,500
Donc, je vais aller à mon HMO et la première chose que je vais faire est de définir la balise de style et je vais juste le faire en ligne pour la deuxième fois et je vais ajouter quelques classes .

8
00:00:32,700 --> 00:00:34,350
Donc, la première va ajouter.

9
00:00:34,380 --> 00:00:39,520
Eh bien juste l'appeler Dot correct et il va rendre quelque chose devenue verte.

10
00:00:39,540 --> 00:00:51,170
Donc, nous allons juste faire de couleur verte et nous allons ajouter un autre point mal et qui rendra la couleur rouge et fond rose.

11
00:00:51,690 --> 00:01:05,160
Et puis enfin fera point fait qui sera comme pour une liste à faire et nous allons faire la couleur est gris et la décoration de texte est ligne à travers.

12
00:01:05,700 --> 00:01:12,260
OK, maintenant nous avons trois classes et nous allons utiliser J query pour ajouter et supprimer ces classes.

13
00:01:12,900 --> 00:01:14,300
Donc je vais jeter un oeil à la documentation.

14
00:01:14,320 --> 00:01:15,300
Juste un d'entre eux.

15
00:01:15,300 --> 00:01:18,640
Jetons un coup d'oeil à ajouter la classe.

16
00:01:20,070 --> 00:01:27,360
Vous pouvez voir qu'il ajoute la classe ou les classes spécifiées à chaque élément de l'ensemble d'éléments appariés.

17
00:01:27,360 --> 00:01:31,470
Cela ajoutera deux classes à tous les paragraphes.

18
00:01:31,680 --> 00:01:39,770
Ma classe et votre classe à tous les paragraphes qui le rend vraiment utile si nous voulons assigner une classe à un tas d'éléments à la fois.

19
00:01:40,110 --> 00:01:41,640
Revenons donc ici.

20
00:01:41,730 --> 00:01:47,360
Commençons donc par faire en sorte que ce H-1 ait la classe correcte qui vient de se transformer en vert.

21
00:01:47,490 --> 00:01:52,020
Nous sélectionnons donc H-1, assurez-vous de l'avoir.

22
00:01:52,110 --> 00:01:56,030
Ajoute-t-il la classe.

23
00:01:56,040 --> 00:01:57,030
Correct.

24
00:01:57,180 --> 00:01:58,980
Juste comme ça.

25
00:01:59,430 --> 00:02:00,520
Et il devient vert.

26
00:02:00,540 --> 00:02:05,400
Et si nous l'inspectons, vous pouvez voir qu'il a la classe égale correcte.

27
00:02:05,940 --> 00:02:10,770
Et puis nous pouvons faire supprimer classe pour faire la même chose, mais en sens inverse.

28
00:02:10,770 --> 00:02:12,960
Alors H-1 supprimer.

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

30
00:02:14,040 --> 00:02:15,180
Correct.

31
00:02:15,330 --> 00:02:21,620
Nous allons supprimer la classe correcte de cet élément et maintenant il n'a plus cette classe.

32
00:02:22,290 --> 00:02:24,480
Donc nous pouvons aussi faire cela à une collection.

33
00:02:24,480 --> 00:02:28,290
Nous allons donc sélectionner tous les alliés.

34
00:02:28,770 --> 00:02:32,330
Nous en obtenons trois et ensuite nous ajouterons la classe.

35
00:02:32,640 --> 00:02:35,960
Mauvais juste comme ça.

36
00:02:36,210 --> 00:02:41,390
Et tous ont maintenant cette classe où ils ont un fond rose et la couleur du texte est rouge.

37
00:02:41,400 --> 00:02:43,300
Vous pouvez voir qu'il les a ajoutés à trois.

38
00:02:43,650 --> 00:02:59,840
Donc, une fois de plus, je sais que je suis un disque cassé ici, mais si nous avons fait cela sans j Querrey, nous devrions sélectionner les trois manuellement avec un sélecteur de requête tous et éventuellement nous fermerions la boucle for et pour chacun Nous ferions classe classless ajouter mal.

39
00:03:00,240 --> 00:03:01,690
Nous n'avons donc rien à faire.

40
00:03:01,860 --> 00:03:05,610
Cela a une boucle implicite qui prend soin de tout pour nous.

41
00:03:06,180 --> 00:03:13,990
Donc, maintenant, supprimez cette classe mal de tous et ajoutez la classe.

42
00:03:14,060 --> 00:03:14,690
Correct.

43
00:03:14,700 --> 00:03:16,540
Tout ça comme ça.

44
00:03:16,560 --> 00:03:18,450
Et maintenant, ils deviennent tous verts.

45
00:03:18,450 --> 00:03:19,800
Parfait.

46
00:03:19,830 --> 00:03:24,530
Donc, le dernier que je vais démontrer est la classe Toggle qui fonctionne comme.

47
00:03:24,540 --> 00:03:34,320
Le toggle de liste de classes fait où il prend un argument un nom de classe et il appliquera cette classe ou l'ajoutera à Elman ou à un ensemble d'éléments.

48
00:03:34,320 --> 00:03:39,150
S'ils ne l'ont pas encore et s'ils ont cette classe, il va l'enlever.

49
00:03:39,150 --> 00:03:40,870
Essayons donc maintenant.

50
00:03:41,520 --> 00:03:47,990
Allons faire une bascule pour que tous les alliés se mettent en marche.

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

52
00:03:49,620 --> 00:03:50,300
Correct.

53
00:03:50,340 --> 00:03:52,200
Et ils ont déjà cette classe.

54
00:03:52,320 --> 00:03:53,470
Donc, cela va l'enlever.

55
00:03:53,520 --> 00:03:57,870
Et si nous l'exécutons à nouveau qui va l'ajouter et le supprimer, l'ajouter et le supprimer.

56
00:03:57,870 --> 00:04:02,820
Alors essayons quelque chose d'un peu différent et ne le faisons que pour le premier allié.

57
00:04:02,820 --> 00:04:07,840
Donc Elijah il premier qui est juste comme le dernier que je vous ai montré.

58
00:04:08,160 --> 00:04:13,630
Et nous allons basculer la classe fait.

59
00:04:14,190 --> 00:04:19,110
Et donc seul le premier est grand et a cet effet de barrage.

60
00:04:19,110 --> 00:04:31,520
Maintenant, si je sélectionne tous les alliés qui basculent classe fait et je frappe entrer vous pouvez voir qu'il bascule chacun individuellement.

61
00:04:31,710 --> 00:04:33,290
Donc, celui-ci avait la classe fait.

62
00:04:33,300 --> 00:04:36,310
Donc, il a été supprimé et ces deux n'ont pas eu la classe.

63
00:04:36,390 --> 00:04:39,060
Il a donc automatiquement ajouté déclasse.

64
00:04:39,540 --> 00:04:40,920
C'est tout ce que je voulais démontrer.

65
00:04:40,920 --> 00:04:48,310
Nous avons je classe classe supprimer et la classe de bascule et ils ont travaillé très semblable à la façon dont ils ont fait avec la liste de classe avec la vanille.

66
00:04:48,360 --> 00:04:49,040
Oui.

67
00:04:49,170 --> 00:04:56,310
La grande différence comme tout dans la requête J est que nous pouvons agir sur une collection d'éléments sans avoir à écrire la boucle.

68
00:04:56,760 --> 00:04:57,380
D'ACCORD.