1
00:00:00,220 --> 00:00:02,490
OK dus er is nog drie methodes die ik over wil praten.

2
00:00:02,520 --> 00:00:04,160
En ze zijn allemaal zeer vergelijkbaar.

3
00:00:04,170 --> 00:00:06,480
Ze hebben te maken met de lessen.

4
00:00:06,600 --> 00:00:15,510
Dus als je terugdenken aan de sterkteklasse lijst en de DOT Verwijder en schakelen methoden die meegaan met klasse lijst.

5
00:00:15,510 --> 00:00:19,650
Dit zijn de J.A.G. analogen Dus dit zal een snelle vraag te zijn.

6
00:00:19,720 --> 00:00:21,600
Gewoon gaan met die heel snel aan te tonen.

7
00:00:21,720 --> 00:00:32,500
Dus ik ga naar mijn HMO en het eerste wat ik ga doen, is bepalen de stijl tag en ik ben gewoon gaan om het te doen in de rij voor de tweede keer en ik ga een paar klassen toe te voegen .

8
00:00:32,700 --> 00:00:34,350
Dus de eerste zal toevoegen in.

9
00:00:34,380 --> 00:00:39,520
Nou gewoon Dot juiste noem het en het zal iets groen.

10
00:00:39,540 --> 00:00:51,170
Dus we gewoon groen gekleurd en we voegen nog een dot verkeerd en dat zal de kleur rood en roze achtergrond te maken.

11
00:00:51,690 --> 00:01:05,160
En dan tot slot zal dot gedaan, die zal zijn als voor een takenlijst te doen en we doen kleur is grijs en de tekst decoratie is lijn door.

12
00:01:05,700 --> 00:01:12,260
OK dus nu hebben we drie klassen en dan gaan we naar J-query gebruiken om deze klassen toe te voegen en te verwijderen.

13
00:01:12,900 --> 00:01:14,300
Dus ik zal een blik op de documenten te nemen.

14
00:01:14,320 --> 00:01:15,300
Slechts een van hen.

15
00:01:15,300 --> 00:01:18,640
Laten we eens een kijkje nemen op add klasse.

16
00:01:20,070 --> 00:01:27,360
Je kunt zien dat het voegt de opgegeven klasse of klassen voor elk element in de set van de afgedekte elementen.

17
00:01:27,360 --> 00:01:31,470
Dus dit zal twee klassen toe te voegen aan alle leden.

18
00:01:31,680 --> 00:01:39,770
Mijn klas en je klas op alle punten waarop het echt nuttig maakt als we willen een klasse toe te wijzen aan een heleboel elementen tegelijk.

19
00:01:40,110 --> 00:01:41,640
Dus laten we terug gaan hier.

20
00:01:41,730 --> 00:01:47,360
Dus laten we beginnen met het maken van deze H-1 de juiste klasse die net draaide naar groen.

21
00:01:47,490 --> 00:01:52,020
Dus kiezen we H-1 ervoor zorgen dat we het hebben.

22
00:01:52,110 --> 00:01:56,030
Voegt het toe klasse.

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

24
00:01:57,180 --> 00:01:58,980
Gewoon zo.

25
00:01:59,430 --> 00:02:00,520
En het wordt groen.

26
00:02:00,540 --> 00:02:05,400
En als we inspecteren je kunt zien dat het klasse juist gelijk.

27
00:02:05,940 --> 00:02:10,770
En dan kunnen we remove klasse doen om hetzelfde, maar in omgekeerde volgorde te doen.

28
00:02:10,770 --> 00:02:12,960
Dus H-1 verwijderen.

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

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

31
00:02:15,330 --> 00:02:21,620
We zullen de juiste klasse van dat element te verwijderen en nu is het niet meer die klasse.

32
00:02:22,290 --> 00:02:24,480
Zo kunnen we ook doen om een ​​collectie.

33
00:02:24,480 --> 00:02:28,290
Dus we zullen allemaal bondgenoten kiezen.

34
00:02:28,770 --> 00:02:32,330
We krijgen drie van hen en dan zullen we de klasse toe te voegen.

35
00:02:32,640 --> 00:02:35,960
Verkeerde zomaar.

36
00:02:36,210 --> 00:02:41,390
En allemaal hebben ze nu die klasse waar ze een roze achtergrond en tekst kleur is rood.

37
00:02:41,400 --> 00:02:43,300
Je kunt zien dat ze toegevoegd aan drie.

38
00:02:43,650 --> 00:02:59,840
Dus nogmaals ik weet dat ik een record gebroken hier, maar als we dit deden zonder j Querrey zouden we alle drie deze handmatig met een query selector alle mogelijk te kiezen en dan zouden we lus door de lus en voor elk een we zouden klasse klassenloze add verkeerd doen.

39
00:03:00,240 --> 00:03:01,690
Dus we hebben niet een van dat te doen.

40
00:03:01,860 --> 00:03:05,610
Dit heeft een impliciete lus die zorgen voor het duurt allemaal voor ons.

41
00:03:06,180 --> 00:03:13,990
Dus laten we nu verwijderen die klasse verkeerd uit allemaal en laten we voeg de klas.

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

43
00:03:14,700 --> 00:03:16,540
Ieder van hen, net als dat.

44
00:03:16,560 --> 00:03:18,450
En nu zijn ze allemaal groen.

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

46
00:03:19,830 --> 00:03:24,530
Dus de laatste die ik zal laten zien is toggle klasse die alleen werkt als.

47
00:03:24,540 --> 00:03:34,320
Klasse lijst toggle doet, waar het duurt een argument een klasse naam en het zal evenmin van toepassing die klasse of toe te voegen aan de Elman of reeks elementen.

48
00:03:34,320 --> 00:03:39,150
Als ze nog niet hebt en als ze hebben die klasse zal het te verwijderen.

49
00:03:39,150 --> 00:03:40,870
Dus laten we proberen dat nu.

50
00:03:41,520 --> 00:03:47,990
Laten we gaan en doe een toggle dus alle bondgenoten te schakelen.

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

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

53
00:03:50,340 --> 00:03:52,200
En ze hebben al die klasse.

54
00:03:52,320 --> 00:03:53,470
Dus dat zal het te verwijderen.

55
00:03:53,520 --> 00:03:57,870
En als we weer voer het uit dat het zal toevoegen en verwijderen en toe te voegen en te verwijderen.

56
00:03:57,870 --> 00:04:02,820
Dus laten we proberen iets een beetje anders en doe het alleen voor de eerste bondgenoot.

57
00:04:02,820 --> 00:04:07,840
Dus Elia voor het eerst dat is net als het laatste dat ik je liet zien.

58
00:04:08,160 --> 00:04:13,630
En we zullen de klas gedaan schakelen.

59
00:04:14,190 --> 00:04:19,110
En dus alleen de eerste is geweldig uit en heeft dat doorgehaald effect.

60
00:04:19,110 --> 00:04:31,520
Nu, als ik selecteer ze allemaal bondgenoten die wisselen class gedaan en ik druk op enter je kunt zien dat hij schakelt een ieder afzonderlijk.

61
00:04:31,710 --> 00:04:33,290
Dus dit was de klas gedaan.

62
00:04:33,300 --> 00:04:36,310
Dus het werd verwijderd en deze twee hadden niet de klas.

63
00:04:36,390 --> 00:04:39,060
Dus het automatisch toegevoegd gedeclasseerd.

64
00:04:39,540 --> 00:04:40,920
Dat is alles wat ik wilde laten zien.

65
00:04:40,920 --> 00:04:48,310
We hebben Ik zou klasse verwijderen klasse en schakelen de klas en ze werkte heel vergelijkbaar met hoe ze het gedaan met klasse lijst met vanille.

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

67
00:04:49,170 --> 00:04:56,310
Het grote verschil zoals alles in J-query is dat we kunnen handelen op een verzameling van elementen zonder daadwerkelijk om de lus te schrijven.

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