1
00:00:00,220 --> 00:00:02,490
OKだから私が話したい3つの方法があります。

2
00:00:02,520 --> 00:00:04,160
そしてそれらはすべて非常に似ています。

3
00:00:04,170 --> 00:00:06,480
彼らはクラスと関係しています。

4
00:00:06,600 --> 00:00:14,160
だからクラスリストのプロパティとDOT Addクラスのリストと一緒に行くメソッドを削除してトグルすると思います。

5
00:00:14,160 --> 00:00:15,510
 

6
00:00:15,510 --> 00:00:19,650
これらはJです A. G. アナログこれは簡単な質問です。

7
00:00:19,720 --> 00:00:21,600
本当にすばやくそれらを実演するつもりです。

8
00:00:21,720 --> 00:00:28,500
だから、私はHMOに行くつもりです。まず、スタイル・タグを定義することです。私は2回目にそれを行うつもりです。私はいくつかのクラスを追加します。

9
00:00:28,500 --> 00:00:32,500
 

10
00:00:32,700 --> 00:00:34,350
最初のものが追加されます。

11
00:00:34,380 --> 00:00:39,520
まあそれをドットといい、それが何かを緑色にするでしょう。

12
00:00:39,540 --> 00:00:47,700
だから、色が緑色になり、別の1ドットを間違えて追加すると、赤色と背景色がピンクになります。

13
00:00:47,730 --> 00:00:51,170
 

14
00:00:51,690 --> 00:00:59,820
そして、最後にTo Doリストのようになります。私たちは色を灰色にし、テキストの装飾はLine

15
00:01:00,360 --> 00:01:05,160
Throughです。

16
00:01:05,700 --> 00:01:11,670
これで3つのクラスがあり、Jのクエリーを使ってそれらのクラスを追加したり削除したりします。

17
00:01:12,900 --> 00:01:14,300
だから私はドキュメントを見てみましょう。

18
00:01:14,320 --> 00:01:15,300
彼らの一人だけ。

19
00:01:15,300 --> 00:01:18,640
addクラスを見てみましょう。

20
00:01:20,070 --> 00:01:26,850
一致した要素のセットの各要素に指定されたクラスを追加することがわかります。

21
00:01:27,360 --> 00:01:31,470
これにより、すべての段落に2つのクラスが追加されます。

22
00:01:31,680 --> 00:01:38,040
私のクラスとあなたのクラスをすべての段落にすると、一度にたくさんの要素にクラスを割り当てたい場合には本当に便利です。

23
00:01:38,040 --> 00:01:39,770
 

24
00:01:40,110 --> 00:01:41,640
だからここに戻りましょう。

25
00:01:41,730 --> 00:01:47,360
ですから、このH-1にちょうど緑色に変わった正しいクラスを作ることから始めましょう。

26
00:01:47,490 --> 00:01:52,020
だから我々はH-1を選択していることを確認する。

27
00:01:52,110 --> 00:01:56,030
クラスを追加しますか？

28
00:01:56,040 --> 00:01:57,030
正しい。

29
00:01:57,180 --> 00:01:58,980
ちょうどそれのように。

30
00:01:59,430 --> 00:02:00,520
そしてそれは緑色に変わります。

31
00:02:00,540 --> 00:02:05,400
それを調べると、クラスが正しいことがわかります。

32
00:02:05,940 --> 00:02:10,770
そして、同じことをするためにクラスを削除することはできますが、逆もできます。

33
00:02:10,770 --> 00:02:12,960
だからH-1を取り除く。

34
00:02:12,960 --> 00:02:13,790
クラス。

35
00:02:14,040 --> 00:02:15,180
正しい。

36
00:02:15,330 --> 00:02:21,620
私たちはその要素から正しいクラスを削除し、そのクラスをもはや持っていません。

37
00:02:22,290 --> 00:02:24,480
だから私たちはそれをコレクションにすることもできます。

38
00:02:24,480 --> 00:02:28,290
だから我々はすべての同盟国を選択する。

39
00:02:28,770 --> 00:02:32,330
私たちは3つを取得し、クラスを追加します。

40
00:02:32,640 --> 00:02:35,960
それだけで間違っている。

41
00:02:36,210 --> 00:02:41,390
そして、それらのすべては今、彼らがピンクの背景を持ち、テキストの色が赤であるそのクラスを持っています。

42
00:02:41,400 --> 00:02:43,300
3つに追加されているのが分かります。

43
00:02:43,650 --> 00:02:49,080
だからもう一度私はここで壊れたレコードだと知っていますが、jQuerreyなしでこれを行うと、クエリセレクタを使ってこれらの3つすべてを手動ですべて選択しなければならなくなり、forループとそれぞれのループ私たちはclass

44
00:02:49,080 --> 00:02:54,810
classlessで間違って追加します。

45
00:02:54,810 --> 00:02:59,840
 

46
00:03:00,240 --> 00:03:01,690
だから私たちはそれを行う必要はありません。

47
00:03:01,860 --> 00:03:05,610
これには、私たちのためにすべてを処理する暗黙のループがあります。

48
00:03:06,180 --> 00:03:13,990
だから、今度はそのクラスをすべて削除してクラスを追加しましょう。

49
00:03:14,060 --> 00:03:14,690
正しい。

50
00:03:14,700 --> 00:03:16,540
それらのすべてはまさにそのようです。

51
00:03:16,560 --> 00:03:18,450
そして今、彼らはすべて緑色に変わります。

52
00:03:18,450 --> 00:03:19,800
完璧。

53
00:03:19,830 --> 00:03:24,530
最後に私がデモするのは、ちょうど同じように動作するトグルクラスです。

54
00:03:24,540 --> 00:03:31,410
クラスリストのトグルは、クラス名を引数に取るところで動作し、そのクラスを適用するか、それをElmanまたは要素のセットに追加します。

55
00:03:31,410 --> 00:03:34,320
 

56
00:03:34,320 --> 00:03:39,150
彼らはまだそれを持っていない場合、彼らはそれを削除するクラスを持っている場合。

57
00:03:39,150 --> 00:03:40,870
それでは今すぐ試してみましょう。

58
00:03:41,520 --> 00:03:47,990
すべての同盟国がトグルするようにトグルを行ってみましょう。

59
00:03:48,120 --> 00:03:49,550
クラス。

60
00:03:49,620 --> 00:03:50,300
正しい。

61
00:03:50,340 --> 00:03:52,200
そして彼らはすでにそのクラスを持っています。

62
00:03:52,320 --> 00:03:53,470
それはそれを取り除くでしょう。

63
00:03:53,520 --> 00:03:57,870
それをもう一度実行すると、それを追加して削除して追加して削除します。

64
00:03:57,870 --> 00:04:02,820
だから少し違うものを試してみて、最初の味方にしてみましょう。

65
00:04:02,820 --> 00:04:07,840
だから私はあなたに示した最後のもののような、最初のエリヤです。

66
00:04:08,160 --> 00:04:13,630
私たちはクラスをトグルします。

67
00:04:14,190 --> 00:04:19,110
そして、最初のものだけが素晴らしいものであり、その取り消し線効果を持っています。

68
00:04:19,110 --> 00:04:30,090
今度はクラスのトグルを行う同盟国をすべて選択して入力したら、それぞれが個別にトグルすることがわかります。

69
00:04:30,120 --> 00:04:31,520
 

70
00:04:31,710 --> 00:04:33,290
だからこのクラスではクラスが完了しました。

71
00:04:33,300 --> 00:04:36,310
だからそれは削除され、これらの2つはクラスを持っていませんでした。

72
00:04:36,390 --> 00:04:39,060
それで自動的にdeclasseを追加しました。

73
00:04:39,540 --> 00:04:40,920
それが私が実証したかったものです。

74
00:04:40,920 --> 00:04:46,920
私はクラスを取り除き、クラスをトグルしたいと思っていました。彼らはバニラのクラスリストでどのように行ったのかと非常によく似ていました。

75
00:04:46,920 --> 00:04:48,310
 

76
00:04:48,360 --> 00:04:49,040
はい。

77
00:04:49,170 --> 00:04:54,570
Jクエリのすべてのような大きな違いは、実際にループを記述することなく要素のコレクションに作用できることです。

78
00:04:54,570 --> 00:04:56,310
 

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