1
00:00:00,210 --> 00:00:05,100
 

2
00:00:05,100 --> 00:00:11,370
さて、私たちの最初のJay

3
00:00:11,370 --> 00:00:18,270
queery運動のための時間は、これが働く方法です。私はdivのためのサンプルの賛美歌をいくつか教えます。いくつかのクラスはいくつかのアイディアを持っています。あなた自身の年齢のHTMLファイルであり、Cdnを使いたい場合やダウンロードしたい場合は、どのようにすればよいのかを正確にJayクエリーを含める必要があります。

4
00:00:18,270 --> 00:00:22,330
 

5
00:00:22,650 --> 00:00:27,720
そして、ジェイクエーリーと、特にドル記号を使用して選択し、ドットをつけてSSを見てみることを試みてほしいという4つの短所があります。

6
00:00:27,990 --> 00:00:32,040
 

7
00:00:32,070 --> 00:00:33,130
だから最初のもの。

8
00:00:33,270 --> 00:00:36,590
すべてのdivを選択し、紫色の背景を与えます。

9
00:00:36,870 --> 00:00:43,200
次に強調表示されているdivを選択し、200ピクセル幅にします。

10
00:00:43,200 --> 00:00:49,800
3番目のIDは、3番目のIDを持つdivを選択して、どのように幅広く、どんなスタイルの境界線をオレンジ色の境界線にするかです。

11
00:00:49,920 --> 00:00:51,930
 

12
00:00:52,110 --> 00:00:58,630
そしてボーナスは、最初のdivのみを選択し、そのフォントの色をピンクに変更することです。

13
00:00:58,650 --> 00:01:00,120
だからこのショットを出してください。

14
00:01:00,120 --> 00:01:01,710
ビデオを投稿する必要があります。

15
00:01:01,710 --> 00:01:03,280
新しい年齢のHTMLファイルを作成します。

16
00:01:03,330 --> 00:01:08,730
クエリを組み込み、このコードをコピーするか、自分でタイプアップすると、これらの4つの課題を解決する必要があります。

17
00:01:08,730 --> 00:01:09,660
 

18
00:01:09,660 --> 00:01:11,130
だからビデオを投稿してください。

19
00:01:11,130 --> 00:01:13,500
私はすでに数秒で解決策に戻ります。

20
00:01:20,970 --> 00:01:21,730
 

21
00:01:21,750 --> 00:01:24,700
先に進んで、これに簡単な解決策を入力してみましょう。

22
00:01:25,050 --> 00:01:29,070
いつものように、最初にやるべきことは毎回ファイルを作ることです。

23
00:01:29,070 --> 00:01:30,220
だから私は新しいファイルを持っています。

24
00:01:30,240 --> 00:01:37,740
私はそれをHTMLと私はそれを保存し、私の定期的な時間を私の定型文を追加する運動を呼び出すと私たちはタイトルでこのJクエリの練習を呼び出すと私は先に行くと私たちのスターターDMLと私はそれを入力するのではなくコピーするだけです。

25
00:01:37,740 --> 00:01:45,760
 

26
00:01:46,060 --> 00:01:48,780
 

27
00:01:49,520 --> 00:01:52,080
OK、私たちは4つの要素を持っています。

28
00:01:52,080 --> 00:01:54,660
さあ、Jay Querreyを追加しましょう。

29
00:01:54,780 --> 00:02:00,330
我々はそれをローカルに含めることができるか、CDNにリンクすることができるという2つの方法があることを忘れないでください。

30
00:02:00,480 --> 00:02:03,150
だから私は両方の最初のものを表示します。

31
00:02:03,510 --> 00:02:05,710
私はファイルをコピーするつもりです。

32
00:02:06,030 --> 00:02:10,430
だから私はここでバージョンを変更するだけで、コマンドVをコマンドする必要があります。

33
00:02:10,620 --> 00:02:14,350
だから今私はSimmo時代の私の運動と同じディレクトリにそれを持っています。

34
00:02:14,580 --> 00:02:21,540
 

35
00:02:21,600 --> 00:02:28,620
 

36
00:02:28,660 --> 00:02:31,000
そして、ここで私がやりたいことは、最初にスクリプトタグスクリプトを追加してから、ソースの等号を追加して、それを正しく一致させる必要があります。これは、Jayダッシュがポイント1に正しく一致することを確認する必要があります。 4人。

37
00:02:31,080 --> 00:02:32,110
はい。

38
00:02:32,190 --> 00:02:38,230
だからジェイはドットの男性のために一点を指すように口調を整えた。

39
00:02:38,390 --> 00:02:45,640
イエスはそれを保存してブラウザに開き、それが動作するかどうかを確認するための小さなテストをします。

40
00:02:46,650 --> 00:02:47,950
ファイルが見つかったようです。

41
00:02:47,970 --> 00:02:55,920
さもなければ、それは私達に誤りを与え、私達はドル記号divのような何かをやろうと試み、私達が得るものを見ます。

42
00:02:55,920 --> 00:02:56,910
 

43
00:02:57,030 --> 00:02:57,910
それは働いています。

44
00:02:57,900 --> 00:03:00,060
私たちの4つの部門を選んでいます。

45
00:03:00,060 --> 00:03:02,670
A-JクエリーCDNも含めることができます。

46
00:03:03,180 --> 00:03:04,600
そして、私はちょうどそのためのGoogle。

47
00:03:04,680 --> 00:03:07,510
ジェイケルセチンと私たちのバージョンを選択します。

48
00:03:07,980 --> 00:03:09,690
だから我々は3を望んでいない。 0。

49
00:03:09,930 --> 00:03:10,670
私はそれが正常に動作すると確信しています。

50
00:03:10,680 --> 00:03:12,940
しかし、それは最新のバージョンであり、まだアルファです。

51
00:03:13,050 --> 00:03:15,070
おそらくいくつかのバグやいくつかの問題があります。

52
00:03:15,150 --> 00:03:22,500
だから、ポイント4を最新の安定バージョンとし、このURLをコピーして別のスクリプトタグを追加します。ここでそれらを残してコメントして、あなたのソースと同じものにリセットします違う。

53
00:03:22,500 --> 00:03:27,870
 

54
00:03:27,870 --> 00:03:28,830
 

55
00:03:28,950 --> 00:03:33,920
だからいずれかの作品は、私はすでに私たちがすべてCdnを使用していることを証明して以来、私はCdnを使用します。

56
00:03:37,260 --> 00:03:38,460
 

57
00:03:38,490 --> 00:03:42,360
私はすでにこれが様々な目的のためだけに働いていることを証明して以来です。

58
00:03:42,510 --> 00:03:47,180
そこで保存してからリフレッシュし、コードを二重チェックしても機能します。

59
00:03:47,460 --> 00:03:49,830
はい、それはドル記号を見つけているだけです。

60
00:03:49,830 --> 00:03:51,510
それはJ Qwertyに接続しています。

61
00:03:51,600 --> 00:03:58,320
私が作ろうとしているのは、Jキューリーを頭の中に入れて、私たちがスクリプトに使って、体に書き留めることです。

62
00:03:58,320 --> 00:04:01,330
 

63
00:04:01,590 --> 00:04:06,930
そして、私たちが行うことは、物事が宣言された順番で読み込まれることを思い出すためです。スクリプトの代わりにArjayクエリを使用する前に、Arjayクエリを確実に読み込ませます。

64
00:04:07,200 --> 00:04:11,120
 

65
00:04:11,430 --> 00:04:18,620
だから私たちが定義する必要があるスクリプトは、コードを書く場所です。私たちはそれを単にエクササイズと呼んでいます。

66
00:04:18,640 --> 00:04:19,720
J s。

67
00:04:19,850 --> 00:04:28,200
そして、我々はそのファイルをJ私たちと同じディレクトリに入れて、私たちが行うことができるようにする必要があります。私たちができることは、私たちのh

68
00:04:29,550 --> 00:04:36,210
timファイルとJクエリーの両方に接続されているかどうかを確認する、

69
00:04:36,210 --> 00:04:41,790
Jのクエリメソッドを見たり使えたりすれば、このようなことをします。

70
00:04:41,820 --> 00:04:54,140
Jのクエリーが何か他のことをする場合、Jのクエリーがある場合、Jay

71
00:04:54,130 --> 00:04:59,780
Querreyが悲しい顔をして保存したことを知らせる警告が表示されます。

72
00:05:00,020 --> 00:05:03,540
今更新すると、Jクエリがロードされます。

73
00:05:03,760 --> 00:05:05,240
それは私たちに2つのことを教えてくれます。

74
00:05:05,260 --> 00:05:12,020
1つのこのスクリプトは、イエスが接続され、2人がJay Querreyの方法を使用することができるように運動しています。

75
00:05:12,010 --> 00:05:12,570
 

76
00:05:12,820 --> 00:05:20,200
 

77
00:05:20,200 --> 00:05:26,350
 

78
00:05:26,410 --> 00:05:28,260
私は逆順でこれをやったが、私は私の運動を含めた後にジェイクエリを入れたジェイはいと私は保存してリフレッシュする私たちは私たちが物事を置く順序の重要性を見ることができますJのクエリが定義されていませんに。

79
00:05:28,510 --> 00:05:34,660
だから私たちは、少なくとも私たちのコードを使用しているスクリプトの前に置いておきたい、少なくとも私たちのコードが頭の中にあるライブラリを置くことを望んでいます。

80
00:05:34,690 --> 00:05:37,540
 

81
00:05:37,720 --> 00:05:42,850
課題に戻って、最初にやったことは、私たちがすでに行っているJay Querreyです。

82
00:05:42,850 --> 00:05:44,020
 

83
00:05:44,020 --> 00:05:48,670
次に、すべてのdivを選択し、紫色の背景を与える必要があります。

84
00:05:49,000 --> 00:05:55,530
そこで、引用符ではなくドル記号を使用してすべてのdivを選択します。

85
00:05:55,690 --> 00:05:58,360
CSSAでdivを選択するだけです。

86
00:05:58,390 --> 00:06:02,520
だからC Sをドットで区切り、私たちはそれらを紫色にします。

87
00:06:02,560 --> 00:06:09,230
この場合の色や背景は紫色であるか、独自のRを使用することができます。 G. Bの色合いは紫色です。

88
00:06:09,380 --> 00:06:14,320
RGVで紫色にする方法を覚えていないなら、Rを演奏する必要があります。 G. もう少しになった。

89
00:06:14,320 --> 00:06:15,560
 

90
00:06:15,670 --> 00:06:20,110
だから私たちが最初に救うことができ、それが爽やかに働くことを確認することができます。

91
00:06:20,530 --> 00:06:22,910
そして、紫色の背景が4つあります。

92
00:06:23,200 --> 00:06:23,770
OK。

93
00:06:23,920 --> 00:06:25,050
そうです。

94
00:06:25,090 --> 00:06:28,780
それはすべてのdivを選択し、紫色の背景を与えることです。

95
00:06:28,780 --> 00:06:32,360
私はちょうどここに少しの注釈を追加し、それをコメントします。

96
00:06:32,620 --> 00:06:38,670
次に、ハイライトに等しいクラスのdivを選択し、200ピクセル幅にします。

97
00:06:38,990 --> 00:06:45,340
それは非常によく似ていますが、ハイライトに等しいクラスのdivを選択するには、ドル記号を再度使用する必要があります。

98
00:06:45,340 --> 00:06:47,390
 

99
00:06:47,950 --> 00:07:02,770
そしてdivではなく、ドットハイライトを使用してC Sを実行すると200個のピークになります。

100
00:07:02,870 --> 00:07:07,660
これは、技術的にハイライトのクラスを持つものを選択することに注目する価値があります。

101
00:07:07,660 --> 00:07:13,540
それを明示的にしてハイライトのクラスを持つdivだけを言うならば、そのクラスを持つ段落またはアンカータグを持つことができます。このセレクタを記述します。

102
00:07:13,540 --> 00:07:18,470
 

103
00:07:18,670 --> 00:07:22,290
そして、これはハイライトのクラスを持つすべてのdivを言うC Sです。

104
00:07:22,390 --> 00:07:24,370
しかし、この場合、それは違いを生むでしょう。

105
00:07:24,380 --> 00:07:31,750
リフレッシュされた200ピクセルなので、これらの2つのdivには2番目と4番目のdivのハイライトクラスがあり、200個のピクセルがあることがわかります。

106
00:07:31,750 --> 00:07:35,260
 

107
00:07:35,890 --> 00:07:41,100
次の1つは、3番目のアイデアでdivを選択することです。

108
00:07:41,460 --> 00:07:50,320
そしてそれにオレンジ色の境界線を付けることで、そのドル記号でdivを選択し、ドットの代わりにソープに私たちが必要です。

109
00:07:50,590 --> 00:07:51,850
 

110
00:07:52,300 --> 00:07:59,060
SSの注文したIDの名前は、私たちの責任です。

111
00:07:59,080 --> 00:08:00,680
私が言ったのは、色はオレンジ色だった。

112
00:08:00,870 --> 00:08:10,420
2ピクセルの橙色の境界線を作成して保存してリフレッシュしてみましょう。

113
00:08:10,420 --> 00:08:11,140
 

114
00:08:11,190 --> 00:08:14,680
私はスクリーンキャストでそれがより良く表示されるように少し大きめにします。

115
00:08:14,680 --> 00:08:15,280
そこに行く。

116
00:08:15,500 --> 00:08:20,360
それは単語のIDを持つ3番目のdivの周りです。

117
00:08:20,650 --> 00:08:26,710
だから、ボーナスだった最後の課題は、最初のdivのみを選択し、CSSA疑似セレクタを使用している最初のdivを選択する方法を、そのフォントの色をピンクに変更することです。

118
00:08:26,710 --> 00:08:32,380
 

119
00:08:32,380 --> 00:08:41,030
CSSAセレクターのいくつかのビデオから慣れているはずのタイプの最初のタイプのdivコロン最初のダッシュタイプ。

120
00:08:41,020 --> 00:08:42,710
 

121
00:08:42,910 --> 00:08:53,440
そして、我々はそれをSSのピンクのピンク色にして、それをピンクにして保存してリフレッシュすると、その色がピンクであることがわかります。

122
00:08:53,440 --> 00:08:55,730
 

123
00:08:55,730 --> 00:09:02,480
私たちが持っているもう1つのオプションは、実際にはJのクエリショートカットが組み込まれています。このショートカットは、まずはコランだけであり、うまく動作します。

124
00:09:02,920 --> 00:09:05,350
 

125
00:09:05,380 --> 00:09:11,800
 

126
00:09:11,810 --> 00:09:19,970
興味深いことに、コロンを最初に使用するのは実際にはタイプの最初のタイプより少し遅いです。タイプの最初のものがCSSAセレクターであると評価されるからです。最初はJのクエリーのショートカットです。

127
00:09:20,060 --> 00:09:23,590
それはネイティブCではありません。S Sこれはちょっと遅いです。

128
00:09:23,770 --> 00:09:25,540
だから私はタイプの最初を使用します。

129
00:09:25,880 --> 00:09:28,870
それでは、次のいくつかのビデオでこの演習のためにそれです。

130
00:09:29,000 --> 00:09:33,360
私たちはSEUSを変えるだけではなく、物を操作する他の方法について学びます