1
00:00:00,260 --> 00:00:01,440
さて、戻ってきます。

2
00:00:01,440 --> 00:00:06,330
ここまでは、J Querreyでどのように要素を選択することができるのか、どのように操作することができるのかを話しました。

3
00:00:06,330 --> 00:00:06,810
 

4
00:00:06,990 --> 00:00:11,790
ここで、Jクエリーのイベントである最後の大きな欠けた部分を紹介します。

5
00:00:11,850 --> 00:00:13,700
だからバニラ・Jに戻って考える。 S. イベントリスナーを追加したときに、イベントリスナーと呼ばれるメソッドを使用しました。

6
00:00:13,740 --> 00:00:17,780
さて、ジェイは、イベントに関連したたくさんの方法を持っています。

7
00:00:18,150 --> 00:00:22,230
だから私はここでイベントをクリックするだけでそこに行くことができるジェイクにイベントセクションを開いている。

8
00:00:22,350 --> 00:00:28,190
だから私はここをスクロールすると、どれくらいの数だけ見ることができます。

9
00:00:28,260 --> 00:00:32,720
Coriaイベントの方法chikorには1トンのものが付属しています。

10
00:00:32,810 --> 00:00:37,210
だから、私がやることは、あなたが使うことができる3つの最も重要な3つを強調することです。

11
00:00:37,230 --> 00:00:41,820
それらの3つの方法がキーを押している間に99％の時間を要します。

12
00:00:41,830 --> 00:00:49,190
そして私は、これらの3つは99％の時間を使うことができると言いました。

13
00:00:49,650 --> 00:00:53,010
それは実際にはここのこのようなものです。

14
00:00:53,160 --> 00:00:55,950
99％の時間を使うことができます。

15
00:00:55,950 --> 00:00:58,050
 

16
00:00:58,110 --> 00:01:03,000
だから私は最初にクリックしてキーを押すことを示しますが、私の主な目的は、その方法がどれほど素晴らしいかを示すことです。

17
00:01:03,030 --> 00:01:04,600
だから始めましょう。

18
00:01:05,130 --> 00:01:06,450
だからJay

19
00:01:06,450 --> 00:01:12,030
equerries quickメソッドは、単一の要素または要素の集合にクリックリスナを非常に簡単に追加できる方法です。

20
00:01:12,030 --> 00:01:14,620
この場合、私は2つの例を見ることができます。

21
00:01:14,730 --> 00:01:18,210
何かを選択してクリックリスナーをクリックして追加しています。

22
00:01:18,210 --> 00:01:22,070
だから私たちは私たちが実行するという考えで何かを選択します。

23
00:01:22,290 --> 00:01:26,070
 

24
00:01:26,100 --> 00:01:32,490
これをクリックすると、コールバック関数が渡されます。このコールバック関数は、送信のアイディアを持つものがクリックされたときに実行されます。

25
00:01:32,490 --> 00:01:34,470
それはIDなので、ページ上には1つしかありません。

26
00:01:34,680 --> 00:01:37,400
その1つのアイテムがクリックされると、このコードが実行されます。

27
00:01:37,530 --> 00:01:40,920
 

28
00:01:41,340 --> 00:01:46,290
ここを見てみると、ページ上のすべてのボタンを1つにすることができます。

29
00:01:46,290 --> 00:01:46,650
それは10個のボタンになる可能性があり、それらのすべてにクリックリスナーを追加しています。

30
00:01:46,650 --> 00:01:51,080
だから、ボタンが速ければいつでも、誰かにボタンをクリックするように警告します。

31
00:01:51,120 --> 00:01:55,800
だから私はそれを実証させてください。

32
00:01:55,830 --> 00:01:56,760
今、私はCDNとして含まれているJay queeryを持つ単純なHTLページを持っています。

33
00:01:56,750 --> 00:02:03,480
また、Jayのクエリーイベントを追加して、いくつかのボタンを追加します。

34
00:02:03,750 --> 00:02:10,730
だから私が言う最初のものは私を訂正しない。

35
00:02:11,370 --> 00:02:15,240
そして、次の人は真剣に私を言うだろう。

36
00:02:16,020 --> 00:02:21,230
そして、最後の方がこれがあなたの最後の警告だと言うでしょう。

37
00:02:21,390 --> 00:02:27,690
そこで保存してブラウザで開き、Jがロードされていることを常に確認します。

38
00:02:28,080 --> 00:02:36,300
OK。

39
00:02:38,320 --> 00:02:38,780
いいね。

40
00:02:38,850 --> 00:02:40,040
ここでは、このH-1にクイックリスナーを追加して簡単に始めます。このページには1つしかありません。

41
00:02:40,650 --> 00:02:46,110
だからドル記号で最初に選択するだけです。

42
00:02:46,110 --> 00:02:50,170
私たちに正しいH-1を与えてくれるのは、1つだけです。

43
00:02:50,680 --> 00:02:55,610
 

44
00:02:55,640 --> 00:03:02,220
それをクリックしないと、そのH-1をクリックするたびに実行されるコールバック関数を渡す必要があります。

45
00:03:02,220 --> 00:03:03,670
 

46
00:03:03,690 --> 00:03:11,010
 

47
00:03:11,010 --> 00:03:18,540
 

48
00:03:18,600 --> 00:03:24,120
舞台裏では、クリックはイベントリスナーを使用しており、このH-1にクリックリスナーを追加しています。匿名機能を使用することもできますが、新しい学生にとってはもっと威圧的です。その関数の名前をここに渡します。

49
00:03:24,120 --> 00:03:24,940
しかし私のように私は匿名の関数がもっと一般的だと言った。

50
00:03:25,260 --> 00:03:27,900
 

51
00:03:28,200 --> 00:03:37,080
だから私たちがやりたいことは、それぞれ正しいことを警告するだけです。ここに入力してください。このH-1をクリックすると、H-1が終了し、他の要素では起こらないことがわかります。

52
00:03:37,130 --> 00:03:42,380
 

53
00:03:42,630 --> 00:03:48,990
私のH-1は画面全体に広がっているので、CSSAの問題がそのサイズを変更したい場合に問題になるのですが、1つの要素をクリックすると発生します。

54
00:03:48,990 --> 00:03:54,990
今私がしたいのは、要素のコレクションにクイックリスナーを追加する方法を示すことです。

55
00:03:54,990 --> 00:04:00,020
ここではすべてのボタンを選択します。

56
00:04:00,150 --> 00:04:02,530
 

57
00:04:02,640 --> 00:04:12,630
そこでドル記号ボタンをクリックして、そのようなクリックを追加すると、コールバックとして再び無名関数を渡すことができます。

58
00:04:12,630 --> 00:04:14,050
 

59
00:04:14,580 --> 00:04:24,420
これは、ボタンがクリックされたときに実行され、アラートボタンをクリックしてEnterキーを押すだけです。

60
00:04:24,420 --> 00:04:27,130
そして、私がそこにそれらのボタンのどれかをクリックすれば、私たちはボタンをクリックします。

61
00:04:27,630 --> 00:04:35,470
だから、バニラのjavascriptに戻って、ボタンのコレクションにイベントリスナーを追加することを考えてみましょう。

62
00:04:35,490 --> 00:04:41,150
 

63
00:04:41,190 --> 00:04:46,380
 

64
00:04:46,380 --> 00:04:51,240
クエリセレクタですべてを選択するか、タグ名で要素を取得する必要があります。その後、forループを使用してループを繰り返す必要があります。次に、個別にイベントリスナーを追加する必要があります舞台裏で

65
00:04:51,240 --> 00:04:54,780
 

66
00:04:54,870 --> 00:04:59,700
しかし、私がしなければならないことは、この行を書くことです。それは私のためにループして、個々のイベントリスナーを追加して、学習ボタンをクリックするのではなく、自分の人生を本当に簡単にします。

67
00:04:59,730 --> 00:05:05,660
クリックしたボタンの背景色を変更するにはどうすればいいですか？

68
00:05:05,820 --> 00:05:10,940
だから私はもう一度クリックリスナーを追加する必要があります。

69
00:05:11,430 --> 00:05:13,970
私はちょうど上向き矢印で、警告するよりもむしろだ。

70
00:05:13,970 --> 00:05:16,780
 

71
00:05:17,040 --> 00:05:26,730
私たちがやることは、バックグラウンドの色を変えることです。その色はCのバックグラウンドで、それをピンクに変更します。

72
00:05:26,730 --> 00:05:30,290
だから問題は、Dotsie CSSAをバニラのjavascriptでやりとりすることです。

73
00:05:30,450 --> 00:05:36,090
これを使用します。

74
00:05:36,090 --> 00:05:37,360
 

75
00:05:37,380 --> 00:05:43,530
このキーワードは、クリックされた要素を指していますが、NJのクエリは、JQuerreyのバージョンを使用する必要があります。

76
00:05:43,530 --> 00:05:49,720
これはちょっと混乱した考えです。

77
00:05:49,950 --> 00:05:53,010
 

78
00:05:53,010 --> 00:05:58,830
私はそれがShakeriがしていることはプレーンなバニラを取ることであることを覚えていると思います。それはJayのクエリーでそれを包んでいて、それは大きなです。 A. G. それはいくつかの特殊なプロパティとメソッドを提供します。

79
00:05:58,830 --> 00:06:03,830
 

80
00:06:03,840 --> 00:06:10,680
したがって、JのクエリメソッドであるドットCSSAを使用する場合は、JのクエリオブジェクトでCSSAを実行していることを確認する必要があります。

81
00:06:10,950 --> 00:06:12,660
だから、これは普通のバニラジャバスクリプトです。

82
00:06:12,660 --> 00:06:17,560
だから私たちはそれをラップして、これがJのクエリバージョンだと伝える必要があります。

83
00:06:17,670 --> 00:06:21,440
だから、それを試してみましょう。

84
00:06:21,660 --> 00:06:23,190
 

85
00:06:23,370 --> 00:06:30,630
ここに入力してボタンをクリックしてみましょう。この最初のクリックリスナーを一度も取り除かなかったので、そのアラートが最初に表示されます。

86
00:06:30,630 --> 00:06:32,460
そして、背景がピンク色に変わり、クリックするたびにそのことが起こることがわかります。

87
00:06:32,880 --> 00:06:40,280
このようなこともできます。

88
00:06:40,440 --> 00:06:42,010
だから私は上向きの矢印を押して、ページをリフレッシュするのではなく、単にピンクに変更するだけです。

89
00:06:42,030 --> 00:06:47,610
また、ログとWalcottの大人がクリックされたボタンのテキストを記録することをキャンセルすることもできます。

90
00:06:47,670 --> 00:06:55,540
 

91
00:06:55,650 --> 00:07:03,870
 

92
00:07:04,560 --> 00:07:14,040
だから、あなたがクリックしたようなものになります。そして変数を作ってこれを保存します。可変テキストはドル記号になります。このテキストをそこから取り除くためには、そのようにテキストメソッドを使うだけです。そのログあなたは私たちの変数名であるtextをクリックして入力しました。

93
00:07:14,460 --> 00:07:22,430
そして今、あなたがクリックした場合、あなたはクリックされませんでした。

94
00:07:22,920 --> 00:07:27,510
これが最後の警告です。

95
00:07:27,540 --> 00:07:28,890
そして、あなたはクリックした。

96
00:07:29,460 --> 00:07:30,360
真剣に私をクリックしないでください。

97
00:07:30,420 --> 00:07:31,830
OK。

98
00:07:32,190 --> 00:07:32,640
それだけで私が実証しようとしているのです。

99
00:07:32,670 --> 00:07:33,930
クリック。

100
00:07:33,930 --> 00:07:34,650
まとめると、H-1と同じように、一度に1つの要素にリスナーを追加できます。

101
00:07:34,650 --> 00:07:39,520
あるいは、実際に役に立つコレクションにすることもできます。

102
00:07:39,780 --> 00:07:43,870
 

103
00:07:43,890 --> 00:07:49,320
そして最後に、クリックされた要素を参照したい場合は、Jのクエリーラッパーであるドル記号を使用する必要があります。 A. G. バニラのバージョン。

104
00:07:49,680 --> 00:07:53,670
はい、これ

105
00:07:53,690 --> 00:07:54,480