1
00:00:00,270 --> 00:00:01,320
お帰りなさい。

2
00:00:01,320 --> 00:00:06,270
このビデオでは、javascriptと人形を使って要素を選択するさまざまな方法について話しています。

3
00:00:06,270 --> 00:00:07,770
 

4
00:00:08,100 --> 00:00:12,600
実際のセレクタについて話す前に、ドキュメントをもう一度見直す必要があります。

5
00:00:12,720 --> 00:00:18,540
私たちの全寮のすべてのオブジェクト、私たちの要素のすべての表現がすべてこのドキュメントオブジェクトの内部にあることを忘れないでください。

6
00:00:18,540 --> 00:00:20,160
 

7
00:00:20,220 --> 00:00:23,850
これはトップレベルのオブジェクトまたはルートノードです。

8
00:00:25,140 --> 00:00:27,760
すぐにブラウザのウィンドウを開いてみましょう。

9
00:00:27,870 --> 00:00:32,060
私はGoogleを使い、この4つの行を入力してみましょう。

10
00:00:32,430 --> 00:00:39,660
だから、コンソールを開いて、私がいるページのURLを表示します。

11
00:00:39,660 --> 00:00:40,300
 

12
00:00:40,610 --> 00:00:46,400
ドキュメントのドットリンクを行うことができます。これはページ上のすべてのリンクの一覧です。

13
00:00:46,410 --> 00:00:55,350
私たちが行うことができるすべての単一のアンカータグは、Vadiとこれが身体に住むその中の他のすべての要素を持つ全身であり、私たちは文書ドットヘッドを行うことができます。

14
00:00:55,350 --> 00:01:00,610
 

15
00:01:00,660 --> 00:01:03,340
だから我々はすでに最後のいくつかのビデオでこれを見てきました。

16
00:01:03,360 --> 00:01:07,440
私があなたにもう一度それを示しているのは、私たちが学ぶ方法のすべてのセレクタも、ドキュメントの中に生きているからです。

17
00:01:07,440 --> 00:01:10,570
 

18
00:01:10,620 --> 00:01:17,250
だから、このビデオで学んだことのすべては、ドキュメントドットで始めるつもりです。

19
00:01:17,280 --> 00:01:21,250
だから私はそれらのsomethingsが何であるかをあなたに示します。

20
00:01:21,270 --> 00:01:24,030
このビデオでは5つの主な方法について話します。

21
00:01:24,030 --> 00:01:25,860
それらはすべてドキュメントに組み込まれています。

22
00:01:25,860 --> 00:01:27,920
それらはすべてドキュメントドットで始まります。

23
00:01:28,020 --> 00:01:35,820
あなたはそれらを見ることができますここではidで要素を取得クラス名で要素を取得するタグ名で要素を取得するqueeryセレクタとqueeryセレクタ

24
00:01:36,060 --> 00:01:37,050
 

25
00:01:37,050 --> 00:01:42,690
あなたがビデオに戻って考えることができるのであれば、私はオブジェクトにメソッドを追加しました。基本的に、オブジェクトではなく値として関数を格納することができます。

26
00:01:42,690 --> 00:01:46,020
 

27
00:01:46,140 --> 00:01:52,650
私たちは犬の空間のように犬の空間を持っていました。私たちは犬の空間オブジェクトに追加した方法を話さなければなりませんでした。

28
00:01:53,310 --> 00:01:55,080
それはまさにここで起こっていることです。

29
00:01:55,260 --> 00:02:00,060
これらの5つのメソッドは、すべてドキュメントオブジェクトに追加されています。

30
00:02:00,900 --> 00:02:05,760
実際にここから始める前に、デモンストレーションの目的で使用するH-Gメールを表示したいと思います。

31
00:02:05,760 --> 00:02:07,100
 

32
00:02:07,230 --> 00:02:10,660
非常に単純なページで、要素がいくつかあります。

33
00:02:10,890 --> 00:02:16,020
だから、私たちの普通の頭は、タイトルやボディを除いてかなり空です。

34
00:02:16,020 --> 00:02:20,350
そして、H-1への身体の内部はこんにちはと言います。

35
00:02:20,580 --> 00:02:21,910
さよならを言う別のもの。

36
00:02:22,140 --> 00:02:29,250
そして、ULと3人の味方の代わりに3人の味方が1と2をリストアップしています。

37
00:02:29,250 --> 00:02:30,160
 

38
00:02:30,180 --> 00:02:35,450
最初のものにはIDハイライトがあり、最後に太字のクラスがあります。

39
00:02:35,670 --> 00:02:36,720
だから我々はそれを使用するつもりです。

40
00:02:36,720 --> 00:02:40,430
それらのいくつかがH-1であるという事実は、要素のいくつかは同盟者である。

41
00:02:40,440 --> 00:02:41,430
いくつかはクラスを持っています。

42
00:02:41,430 --> 00:02:42,550
1つはIDを持っています。

43
00:02:42,630 --> 00:02:47,160
これらの異なるプロパティを使用して、さまざまな方法と異なる組み合わせでそれらを選択します。

44
00:02:48,300 --> 00:02:53,850
だから私は例ではこの同じコードを使用しています、そして、私はあなたが次のいくつかのスライドで見ることができるように緑色のボックスを描いています。

45
00:02:53,850 --> 00:02:54,680
 

46
00:02:54,690 --> 00:02:57,810
選択されたものの周りの緑色のボックス。

47
00:02:58,410 --> 00:03:00,680
さて、最初の方法を試してみましょう。

48
00:03:00,780 --> 00:03:02,640
IDで要素を取得します。

49
00:03:02,970 --> 00:03:05,310
だから、その名前は少し自明です。

50
00:03:05,550 --> 00:03:11,750
これはID名を取り、そのIDと一致する1つの要素を返します。

51
00:03:11,820 --> 00:03:15,220
IDはページ上で1回しか出現できないことを覚えておいてください。

52
00:03:15,240 --> 00:03:18,560
そこで、IDで要素を取得する例を示します。

53
00:03:18,600 --> 00:03:26,010
ハイライトはId強調を持つこの同盟国を選択し、オブジェクトを選択してから私たちに返します。

54
00:03:26,070 --> 00:03:26,940
 

55
00:03:27,030 --> 00:03:29,450
私はすぐに評議会でそれを表示します。

56
00:03:29,520 --> 00:03:34,440
だから私たちはIDの名前であるidハイライトでドキュメントタイプget要素にコンソールを開きます。

57
00:03:37,530 --> 00:03:40,000
 

58
00:03:40,100 --> 00:03:43,020
これをtagという変数に保存しましょう。

59
00:03:43,020 --> 00:03:43,730
Enterを押します。

60
00:03:43,890 --> 00:03:45,260
TAGを見てみましょう。

61
00:03:45,690 --> 00:03:49,940
そして、あなたはIDがハイライトに等しい最初の行を私たちに与えることがわかります。

62
00:03:50,040 --> 00:03:52,670
だから私たちはIDで何かを選んだ。

63
00:03:52,800 --> 00:03:58,140
再びそれは実際に彼がうまく老化したかのように私たちにそれを示していますが、これの結果は実際にはjavascriptオブジェクトです。

64
00:03:58,140 --> 00:03:59,430
 

65
00:03:59,430 --> 00:04:02,980
それで、私たちはDiyarをタグでもう一度キャンセルすることができます。

66
00:04:03,330 --> 00:04:05,030
そして、これは実際それがどのように見えるかです。

67
00:04:05,040 --> 00:04:06,320
すべてのこれらの特性。

68
00:04:06,480 --> 00:04:12,630
だから、これは我々が選択したものを視覚的に見るための素敵なショートカットですが、実際にはそれはオブジェクト表現です。

69
00:04:12,630 --> 00:04:13,670
 

70
00:04:13,860 --> 00:04:16,740
すべての権利があるので、IDで要素を取得するだけです。

71
00:04:17,070 --> 00:04:23,220
 

72
00:04:23,220 --> 00:04:30,310
私たちは、単一の文字列引数に渡すメソッドを、必要なIDの名前とし、同じIDを持つ一致する要素を見つけてオブジェクト表現を返します。

73
00:04:31,320 --> 00:04:36,780
次のクラスはクラス名で要素を取得するため、その名前によって正確に何が行われるかがわかります。

74
00:04:36,840 --> 00:04:38,690
IDで要素を取得するのと同じです。

75
00:04:38,820 --> 00:04:43,540
これは少し違いますが、クラス名でSとの複数の要素を取得します。

76
00:04:43,620 --> 00:04:46,990
あるクラスに何度も出現できることを覚えておいてください。

77
00:04:47,100 --> 00:04:53,520
したがって、太字のような文字列を渡すと、一致するクラス名が太字になっているページのすべての要素のリストが返されます。

78
00:04:53,670 --> 00:04:56,130
 

79
00:04:56,160 --> 00:05:01,590
この場合は2つありますが、そのクラスを持つページに1万の要素があれば、リストに10000をすべて取得します。

80
00:05:02,010 --> 00:05:04,150
 

81
00:05:04,380 --> 00:05:11,810
 

82
00:05:11,810 --> 00:05:17,360
 

83
00:05:17,360 --> 00:05:19,610
だから、これを実証しようとすると、ドキュメントはクラス名で要素を取得し、この小さなオートコンプリートを取得すると、クラス名で要素を取得し、次に必要なクラス名を太字で表示することができます。

84
00:05:20,130 --> 00:05:21,650
それを変数に保存しましょう。

85
00:05:21,650 --> 00:05:28,400
タグはタグではなくタグであるため、タグが何であるかを見ると複数のタグが返されるためです。

86
00:05:28,730 --> 00:05:32,660
太字に等しいクラスを持つ2つの嘘のリストです。

87
00:05:32,690 --> 00:05:34,730
技術的には配列ではありません。

88
00:05:34,730 --> 00:05:38,330
それは配列のようなノードリストと呼ばれるものです。

89
00:05:38,390 --> 00:05:40,450
私はそれを軽量配列と考えるのが好きです。

90
00:05:40,520 --> 00:05:43,700
だから、あなたが配列から期待するもののいくつかが付属しています。

91
00:05:43,820 --> 00:05:46,430
しかし、より高度な機能のいくつかは実際には欠けています。

92
00:05:46,430 --> 00:05:52,000
たとえば、インデックスタグ0を使用して、このような要素にアクセスできます。

93
00:05:52,220 --> 00:05:59,240
私たちはアウト・フランクにタグを付けることができますが、それぞれのループ・タグ・ドットごとにaを行うことはできません。

94
00:05:59,720 --> 00:06:02,930
私はこれを行うだけで、タグがそれぞれのものであると私に伝えます。

95
00:06:02,930 --> 00:06:03,990
それは機能ではありません。

96
00:06:04,250 --> 00:06:10,340
配列のために定義されたこれらのノードリストにはforeachが定義されておらず、これらは配列ではないからです。

97
00:06:10,340 --> 00:06:11,450
 

98
00:06:11,750 --> 00:06:17,780
idの要素を取得するのと同じように、この素​​晴らしい文字列表現を示していますが、実際にはオブジェクトのことです。

99
00:06:17,930 --> 00:06:19,450
 

100
00:06:19,460 --> 00:06:25,740
だから、あなたがコンソールDIRをコンソールに証明するために、タグのゼロを実行します。

101
00:06:26,270 --> 00:06:31,960
そして、実際には、この大規模で複雑なクレイジーオブジェクトが、たくさんのプロパティを持っています。

102
00:06:32,540 --> 00:06:35,130
OK、クラス名で要素を取得しましょう。

103
00:06:35,270 --> 00:06:36,320
リストを返します。

104
00:06:36,380 --> 00:06:37,600
かなりの配列ではありません。

105
00:06:37,610 --> 00:06:44,110
ページには、指定したクラス名と一致する要素がすべて含まれています。

106
00:06:44,120 --> 00:06:46,860
次に、タグ付きの名前で要素を取得します。

107
00:06:46,880 --> 00:06:51,050
これは、IDで要素を取得するか、クラス名で要素を取得するのと同じように機能します。

108
00:06:51,140 --> 00:06:56,800
それ以外は、AllyやH-1のような指定されたタグ名と一致する要素のリストを返します。

109
00:06:56,810 --> 00:07:02,780
だからこの場合、私はdocument

110
00:07:02,780 --> 00:07:06,040
dightを実行しています。タグ名Alhajで要素を取得してください。この要素は、このページにある3人の同盟国のリストを返します。

111
00:07:06,500 --> 00:07:16,040
 

112
00:07:16,040 --> 00:07:26,630
だから、もう一度、varタグがタグ名で要素を取得して、まずAlhajを行い、タグを見てみましょう。また、このリストもかなりの配列ではなく、3つの味方を持つノードリストです。あなたにこの時間。

113
00:07:26,630 --> 00:07:30,200
 

114
00:07:30,290 --> 00:07:31,950
私は領事館にDJRを行った。

115
00:07:32,090 --> 00:07:35,300
しかし、これらは単に文字列ではないオブジェクトです。

116
00:07:35,300 --> 00:07:39,030
彼らは実際にそれらのすべてのプロパティを持つjavascriptオブジェクトです。

117
00:07:39,200 --> 00:07:42,230
だから私はH-1のために同じことをすることができます。

118
00:07:42,410 --> 00:07:50,120
だから私たちはすべてのh個のものを選択し、タグを見て、h個とリストに行きます。

119
00:07:50,270 --> 00:07:53,650
私たちが体内で見るタグに限られているわけではありません。

120
00:07:53,660 --> 00:07:55,100
私はこのようなことをすることもできます。

121
00:07:55,100 --> 00:08:03,200
タグ名のボディで要素を取得すると、内部に1つの要素を持つリストが返されます。

122
00:08:03,200 --> 00:08:04,250
 

123
00:08:04,250 --> 00:08:11,450
または、頭や時間の要素やタイトル、または必要なものについてもそれを行うことができますが、重要な点は、要素が1つしかない場合でもリストを返すことです。

124
00:08:11,450 --> 00:08:16,490
 

125
00:08:16,580 --> 00:08:23,360
したがって、ボディを選択するには、var

126
00:08:24,920 --> 00:08:32,960
body ECOドキュメントのようなものを、タグ名のボディで要素を取得し、そのリストに1つのアイテムしかないので、最初のアイテムを取ることができます。

127
00:08:32,960 --> 00:08:38,130
そして、私たちがどのような身体を見れば、私たちは全身のこの巨大な物体を手に入れます。

128
00:08:38,390 --> 00:08:38,690
OK。

129
00:08:38,690 --> 00:08:40,880
つまり、タグ名で要素を取得します。

130
00:08:40,880 --> 00:08:43,960
繰り返すだけで、Allyのようなタグ名を付けることができます。

131
00:08:44,060 --> 00:08:48,510
それはそれに合ったすべての要素を見つけ出し、それらをあなたのリストにすべて返します。

132
00:08:48,560 --> 00:08:50,960
たとえ1つだけであっても。

133
00:08:51,080 --> 00:08:54,070
ここで私はH-1でそれをやっている別の例があります。

134
00:08:54,200 --> 00:08:57,270
あなたはそれが2つのHを一度選択するのを見ることができます。

135
00:08:58,190 --> 00:09:00,620
さて、私たちはギアを少し変えました。

136
00:09:00,710 --> 00:09:05,450
要素を取得したり、何らかの構文で要素を取得したりしなくなりました。

137
00:09:05,540 --> 00:09:10,730
これは、クエリーセレクタと呼ばれ、クエリーセレクタはそれほど長くは存在しなかった新しいメソッドです。

138
00:09:10,730 --> 00:09:11,360
 

139
00:09:11,390 --> 00:09:13,640
それは本当に私たちの生活を楽にします。

140
00:09:13,670 --> 00:09:18,980
だから私たちは実際にそれを使ってidで要素を取得し、クラス名で要素を取得します。タグ名を持つ要素を取得します。すべての要素をクエリセレクタで複製できます。

141
00:09:18,980 --> 00:09:23,980
 

142
00:09:24,350 --> 00:09:28,260
それでは、CSSAスタイルセレクタが必要です。

143
00:09:28,370 --> 00:09:34,130
したがって、CSSAスタイルセレクタは、CSSAドキュメントの代わりに使用するセレクタだけを意味します。

144
00:09:34,130 --> 00:09:40,280
この例ではIDのハイライトに基づいて何かを選択していますので、IDで要素を取得するのと同じようにハイライトという単語を書くことはできませんが、ハッシュ記号またはOctaでCSSA構文を使用するだけですThorpeと強調表示します。

145
00:09:40,280 --> 00:09:47,540
 

146
00:09:47,630 --> 00:09:50,060
 

147
00:09:50,060 --> 00:09:52,640
したがって、これはクエリセレクタで何かを選択する方法です。

148
00:09:52,640 --> 00:09:58,880
あなたがC Sと同じようにIDを望むなら、私たちはこの最初の同盟者をIDとハイライトにします。

149
00:09:59,180 --> 00:10:03,950
私がコンソールに移動してこれを入力する前に、クラス名で同じことを行うことができることを示します。varタグは、C

150
00:10:03,950 --> 00:10:11,190
Sを使用して太字のクラスを選択する方法である、クエリーセレクターのドット折りたたみ文書です。

151
00:10:11,190 --> 00:10:13,070
 

152
00:10:13,350 --> 00:10:18,200
重要なのは、それが実際に初めての試合になるということだけです。

153
00:10:18,210 --> 00:10:23,910
したがって、クラスとして太字になっている2つの要素があるにもかかわらず、最初のものだけが与えられ、それがセレクタのポイントです。

154
00:10:23,910 --> 00:10:25,240
 

155
00:10:25,290 --> 00:10:30,960
それはいつもちょうど1つの要素を返します。私たちがまもなく見るもう1つの方法は、一致するすべての要素を返します。

156
00:10:30,960 --> 00:10:31,990
 

157
00:10:32,010 --> 00:10:35,540
したがって、クエリセレクタは、ここにあるようにタグ名を取り込むこともできます。

158
00:10:35,550 --> 00:10:39,140
H-1を返し、最初のH-1を返します。

159
00:10:39,600 --> 00:10:45,570
だから私たちはいつも書くCSSAセレクタを利用してSSを見て、そのシンタックスを使ってクエリーセレクタで要素を選択することができます。

160
00:10:45,570 --> 00:10:47,300
 

161
00:10:47,640 --> 00:10:49,190
だから私はここでこれを実証するでしょう。

162
00:10:49,410 --> 00:10:53,830
これをクリアして、まずこれを選択しましょう。

163
00:10:53,830 --> 00:10:54,630
H-1。

164
00:10:54,750 --> 00:10:56,310
だから私はすべてする必要があります。

165
00:10:56,340 --> 00:11:01,080
Var

166
00:11:03,930 --> 00:11:05,900
H-1は、文書問合せセレクタH-1に等しい。

167
00:11:06,450 --> 00:11:11,820
また、H1が何であるかを見ると、素敵な文字列表現ですが、実際にはこの要素全体を表すオブジェクトです。

168
00:11:11,820 --> 00:11:13,700
 

169
00:11:14,220 --> 00:11:18,160
次に、IDに基づいて選択を試みましょう。

170
00:11:18,210 --> 00:11:21,270
だから私はちょうどH-1ではなくこの行をコピーするつもりです。

171
00:11:21,270 --> 00:11:27,480
これは同盟者であり、最初のH-1を選択するのではなく、IDが強調表示されている最初のアイテムが選択されます。

172
00:11:27,480 --> 00:11:29,280
 

173
00:11:29,640 --> 00:11:35,370
もちろん、IDは1つだけなので、1つのアイテムしかありません。これは、ページ上にこのアイデアを持つアイテムが1つしかないため、必要です。

174
00:11:35,380 --> 00:11:37,160
 

175
00:11:37,170 --> 00:11:38,220
Octa Thorgeir。

176
00:11:38,400 --> 00:11:44,180
そうでなければ、存在しないハイライトと呼ばれるタグ名とHを探します。 J. 彼を出す。

177
00:11:45,010 --> 00:11:52,020
私がエンターを押してAlhajを見ると、その最初の同盟者はリスト項目1のIDがハイライトに等しくなります。

178
00:11:52,500 --> 00:11:55,650
最後に、クラスで同じことをしましょう。

179
00:11:55,800 --> 00:12:02,730
だから私はクラスを選択する方法であるCSSA

180
00:12:02,730 --> 00:12:07,270
Leichterのドットを折りたたんで使用しています。もしAllyを見てみると、クラスの等しい箇条書き項目2の2番目の同盟者が得られます。

181
00:12:07,440 --> 00:12:09,350
だから私たちが選択できる他のものがあります。

182
00:12:09,510 --> 00:12:13,190
タグ名やID、クラスに基づいているだけではありません。

183
00:12:13,200 --> 00:12:19,140
 

184
00:12:19,140 --> 00:12:25,770
これらは最も一般的ですが、私のページではうまくいかない他のことをすることもできますが、私は仲間の中のすべてのアンカータグを特別なクラスで選択できます。

185
00:12:25,770 --> 00:12:29,550
これはより長いC Ssセレクターですが、米国では有効です。

186
00:12:29,620 --> 00:12:34,710
だから、すべてのアンカータグには、味方の中にネストされたクラススペシャルがあり、それは完全に有効です。

187
00:12:35,730 --> 00:12:37,920
もう一度私は私のページにこれを設定していない。

188
00:12:37,920 --> 00:12:40,900
だから私がEnterを押すだけで私に与えてくれる。

189
00:12:41,520 --> 00:12:44,180
一致するものが見つからなかったため、いいえ。

190
00:12:45,030 --> 00:12:49,200
Querreyセレクターが最初の試合を返すと言いました。それだけです。

191
00:12:49,200 --> 00:12:53,040
場合によってはボディを選択したい場合などに便利なこともあります。

192
00:12:53,160 --> 00:12:59,180
私がしなければならないことは、クエリーセレクターボディーを言うことです。そして、これは、ドキュメント名をbodyでタグ付けしたときとは違った体型を提供します。

193
00:12:59,190 --> 00:13:01,380
 

194
00:13:01,380 --> 00:13:05,030
彼らは私にリストを与えた後、最初の要素を求めなければなりませんでした。

195
00:13:05,220 --> 00:13:08,520
クエリセレクタを使用すると、すぐに本文が取得されます。

196
00:13:08,730 --> 00:13:11,570
しかし、その代替案は全て奇妙なセレクターです。

197
00:13:11,640 --> 00:13:13,570
それで、まったく同じように動作します。

198
00:13:13,590 --> 00:13:17,840
Cのセットセレクタが必要ですが、一致するすべての要素が返されます。

199
00:13:17,850 --> 00:13:27,030
だからこの場合、私はクエリセレクタのすべてのH-1が両方ともhを返す文書を使用しています。この場合は太字のクラスを使用しています。

200
00:13:27,030 --> 00:13:28,520
 

201
00:13:28,620 --> 00:13:29,820
だからCSSAスタイル。

202
00:13:29,850 --> 00:13:34,610
私は太字のドットが必要で、それはクラスが等しい太字の両方の要素を私に与えます。

203
00:13:34,770 --> 00:13:36,930
だから、それを実証しましょう。 これまでのところすべての同盟国を選択しましょう。

204
00:13:37,050 --> 00:13:40,140
アライズはクエリセレクタのドキュメントに等しい

205
00:13:40,140 --> 00:13:43,200
すべての味方。

206
00:13:43,440 --> 00:13:46,560
そして、それは私にすべてを与えるでしょう。

207
00:13:46,870 --> 00:13:48,300
私は味方を見る。

208
00:13:48,510 --> 00:13:49,820
3つの同盟国があることがわかります。

209
00:13:50,040 --> 00:13:52,010
最後に私は壊れた記録だと知っています。

210
00:13:52,380 --> 00:13:54,370
これらはオブジェクトです。

211
00:13:54,390 --> 00:13:55,660
彼らはHMOではありません。

212
00:13:55,740 --> 00:13:57,200
それらは、HMOから構築されたjavascriptオブジェクトです。

213
00:13:57,270 --> 00:14:01,410
そして私が同じことをしたら、代わりにクエリーセレクタを使って、私はenterを押します。

214
00:14:02,220 --> 00:14:08,450
私が同盟国を見ると、それは唯一のリストではありません。

215
00:14:08,760 --> 00:14:12,180
私がクラスのためにそれをしたら、同じこと。

216
00:14:12,510 --> 00:14:14,520
さて、太字のクラスのためにそれをやってみましょう。

217
00:14:14,550 --> 00:14:17,670
太字にして、クエリセレクタが太字になっていることを文書化しておきます。

218
00:14:17,670 --> 00:14:23,320
そして、私はそれがちょうど最初のアイテムリスト項目だと見ています。

219
00:14:24,060 --> 00:14:27,920
クエリセレクタを実行すると、そこに両方の​​リストが表示されます。

220
00:14:27,990 --> 00:14:29,850
 

221
00:14:32,520 --> 00:14:35,630
 

222
00:14:35,860 --> 00:14:41,010
私の学生にとってしばしば混乱する点の1つは、探している要素が1つだけでもクエリセレクタを使用できることです。

223
00:14:41,010 --> 00:14:42,940
だから、var allyがdocument dot query selectorと同じようなことをすることができます。

224
00:14:43,120 --> 00:14:51,070
ハイライトのようなすべてのIDと私はアライを見て、それは1つの項目を持つリストです。

225
00:14:51,300 --> 00:14:59,300
あなたがそれをすることはまれですが、マッチが1つしかない場合でも動作します。

226
00:14:59,350 --> 00:15:03,700
さて、このビデオでは多くのことを話しました。

227
00:15:04,080 --> 00:15:06,530
だから最初に戻って本当にすばやくまとめてみましょう。

228
00:15:06,900 --> 00:15:10,320
 

229
00:15:10,530 --> 00:15:15,860
 

230
00:15:15,880 --> 00:15:22,530
まず、これらのメソッドのすべてがドキュメントオブジェクト内にどのようにあるのかについて説明しました。IDで取得できるIDで選択できます。クラス名でクラス名で選択でき、実際にはリストではないリストが返されます。アレイ。

231
00:15:22,560 --> 00:15:24,530
それはノードリストと呼ばれています。

232
00:15:24,610 --> 00:15:26,370
 

233
00:15:26,380 --> 00:15:31,140
同じことをすることもできますが、GET要素をタグ名で使用すると、選択した要素タイプに基づいてノードリストが返されます。クエリセレクタはすべての取引のジャックです。

234
00:15:31,140 --> 00:15:36,850
指定されたCSSAセレクタに一致する最初の要素を返します。

235
00:15:36,990 --> 00:15:40,860
 

236
00:15:40,980 --> 00:15:46,680
だから私たちはidクラスの名前とタグの名前で要素を取得するすべてを行うためにそれを使用することができますここでやっているようにここでやっているように私たちはIDを与えることができますか、または要素の名前。

237
00:15:46,680 --> 00:15:52,210
そして配列配列ではないリストを返す以外は同じ方法で動作するクエリセレクタがあります。

238
00:15:52,620 --> 00:15:57,510
 

239
00:15:57,510 --> 00:15:57,900
また、指定されたセレクタに一致するすべての要素を持つノードバーストです。

240
00:15:57,900 --> 00:16:01,800
大丈夫。

241
00:16:01,800 --> 00:16:02,040
だから私はあなたに本当にすばらしい練習をさせるつもりです

242
00:16:02,040 --> 00:16:04,500