1
00:00:00,570 --> 00:00:01,430
お帰りなさい。

2
00:00:01,590 --> 00:00:06,000
 

3
00:00:06,000 --> 00:00:11,220
このビデオでは、中断したところから取り上げて、次の重要な方法のいくつかについて話し続けていきます。次の重要な方法は、次の8つの方法について説明します。

4
00:00:11,370 --> 00:00:16,290
そして、それは属性のために短いですので、私はドキュメントに行き、属性を探します。

5
00:00:16,530 --> 00:00:19,550
ここはETRの一番上になるだろう。

6
00:00:19,680 --> 00:00:20,500
そこに行く。

7
00:00:20,730 --> 00:00:24,930
そして、それを使用するのは、属性の値を取得することです。

8
00:00:25,230 --> 00:00:30,510
ドキュメントによれば、マッチした要素のセットの最初の要素の属性の値を取得します。または、一致する要素ごとに1つ以上の属性を設定します。

9
00:00:30,540 --> 00:00:34,680
 

10
00:00:34,680 --> 00:00:39,170
したがって、属性を取得することも、属性を設定することもできます。

11
00:00:39,210 --> 00:00:45,240
うまくいけば、これらの方法で情報を取得したり、スタイリングを取得したり、テキストを検索したり、彼を怒らせたりするパターンを気づいているといいでしょう。

12
00:00:45,360 --> 00:00:51,320
 

13
00:00:51,540 --> 00:00:55,610
そして、メソッドに引数を渡すことでそれらを設定することもできます。

14
00:00:55,620 --> 00:00:57,810
したがって、1つのメソッドは2つの異なる方法で動作します。

15
00:00:57,960 --> 00:01:02,970
そして、このパラダイムはゲッターとセッターのパラダイムと呼ばれ、ここで情報を取得するゲッターと新しい値を設定するセッターがあります。

16
00:01:03,000 --> 00:01:05,600
 

17
00:01:06,060 --> 00:01:08,520
ここでいくつかの例を見てみましょう。

18
00:01:08,520 --> 00:01:15,140
Gコードのドキュメントには、常に優れた例とドキュメント、チュートリアルスタイルの記述があります。

19
00:01:15,150 --> 00:01:16,570
だからここで見てみましょう。

20
00:01:16,710 --> 00:01:25,170
私たちにはイメージがあり、それにはIがあります。 D.

21
00:01:25,170 --> 00:01:30,610
ソースとaltテキストを選択できるので、素晴らしい写真IDの画像を選ぶことができます。

22
00:01:31,050 --> 00:01:35,160
私たちは変えようとしていることをAltに渡します。

23
00:01:35,250 --> 00:01:42,990
そして、新しい値を渡すことができます。また、TTRを使用して複数の値を一度に、または複数の属性に設定することもできます。

24
00:01:42,990 --> 00:01:45,050
 

25
00:01:45,120 --> 00:01:51,580
CSSAメソッドと同じようにオブジェクトを渡すことで、text属性とtitle属性を設定できます。

26
00:01:51,880 --> 00:01:52,130
OK。

27
00:01:52,140 --> 00:01:53,540
それではこれで遊んでみましょう。

28
00:01:53,820 --> 00:01:56,050
ここでは私たちが取り組んできたページを紹介します。

29
00:01:56,130 --> 00:01:59,770
私は少しずつ、私が満足するチームを追加します。

30
00:01:59,790 --> 00:02:06,750
だから、ここでは画像タグを追加して、ソースは私のお気に入りのマインマーチンになるだろう。

31
00:02:07,230 --> 00:02:08,460
とても愛らしい。

32
00:02:08,460 --> 00:02:16,500
そして、我々がやろうとしているのは、JクエリーとTTRメソッドを使ってその画像ソースを恐ろしいマインマーチンに変えることです。

33
00:02:16,560 --> 00:02:17,530
 

34
00:02:18,020 --> 00:02:18,620
OK。

35
00:02:18,930 --> 00:02:20,500
だから私たちのページをリフレッシュします。

36
00:02:20,630 --> 00:02:27,540
ここに私たちのイメージがあり、最初の練習になるのは、イメージを選択して、それを少し小さくすることです。

37
00:02:27,540 --> 00:02:29,620
 

38
00:02:29,780 --> 00:02:37,740
だから私たちは画像を選択して私たちを見てみましょう。まず、現在幅が1133ピクセルであることを見て、それをもっと小さくしましょう。

39
00:02:38,070 --> 00:02:42,550
 

40
00:02:42,630 --> 00:02:48,600
だから、私たちはそれと同じように2 500ピクセルで変更します。

41
00:02:48,920 --> 00:02:50,780
それはもっと良く見えます。

42
00:02:51,450 --> 00:02:57,050
そして、実際にはそれはちょっと小さく、月は200にもなります。

43
00:02:57,060 --> 00:02:57,630
そこに行く。

44
00:02:57,720 --> 00:02:59,600
私たちの愛らしいマインドマーティンがあります。

45
00:02:59,790 --> 00:03:04,150
そこで、TTRを使用して画像ソースを変更します。

46
00:03:04,350 --> 00:03:09,790
だから、そのドットのように画像を再度選択する必要があります。

47
00:03:10,290 --> 00:03:14,580
そして、まずソースの価値を得ることができます。

48
00:03:14,580 --> 00:03:21,060
これはイメージソースであり、私たちはクリップボードにコピーして持っているURLである2番目の引数を渡して設定することもできます。

49
00:03:21,210 --> 00:03:25,380
 

50
00:03:25,410 --> 00:03:26,830
自動的に更新されます。

51
00:03:26,880 --> 00:03:29,910
そして恐ろしい松のマーチンがあります。

52
00:03:30,930 --> 00:03:32,460
だから一例です。

53
00:03:32,460 --> 00:03:38,850
ここで行うことができるもう一つのことは、タイプがテキストであるこの入力を選択し、タイプ属性の値を変更できることです。

54
00:03:38,850 --> 00:03:41,110
 

55
00:03:41,280 --> 00:03:47,260
ここで入力を行い、属性を見てみましょう。

56
00:03:47,400 --> 00:03:49,110
さて、入力を見てみましょう。

57
00:03:49,170 --> 00:03:50,890
それはページ上の唯一のものです。

58
00:03:51,270 --> 00:04:01,290
そして、その属性タイプを行い、タイプがテキストであると見なし、今度はそのタイプで再生することができ、タイプを変更することができます。

59
00:04:01,290 --> 00:04:03,500
 

60
00:04:03,720 --> 00:04:07,000
私がenterを押すと、ここでこの入力を見てください。

61
00:04:07,380 --> 00:04:11,670
これでカラー入力に変わり、同じことができます。

62
00:04:11,760 --> 00:04:15,340
今度はチェックボックスに変更してください。

63
00:04:15,360 --> 00:04:16,630
そこに行く。

64
00:04:17,430 --> 00:04:17,740
OK。

65
00:04:17,760 --> 00:04:23,890
テキストに戻ってみましょう。ビデオの後半でこれをテキスト入力として使用するためです。

66
00:04:24,090 --> 00:04:30,360
最後に私が実証したいのは、複数の要素に対するTRメソッドの動作です。そこで、いくつかのイメージタグを追加しましょう。

67
00:04:30,360 --> 00:04:32,700
 

68
00:04:32,820 --> 00:04:38,850
そこで私たちは1つの2つの3つの画像を行い、それらを得るためにリフレッシュする必要があります。

69
00:04:39,000 --> 00:04:40,890
そして、その巨大なイメージがあります。

70
00:04:40,980 --> 00:04:53,880
だから私はもう一度サイズを変更しようとしています。それはハマ200の行為でSSを見ているイメージドットと、それらをすべて200ピクセルにするJクエリーの魔法のためです。

71
00:04:53,880 --> 00:04:58,000
 

72
00:04:58,440 --> 00:05:04,380
ここで最初のものを歯で怖がっている松の写真に変えたいとしましょう。

73
00:05:04,380 --> 00:05:05,070
 

74
00:05:05,380 --> 00:05:12,120
実際にすべての画像である画像を選択してみると、3つすべての画像ソースが変更された場合、前の操作はうまくいかないでしょう。

75
00:05:12,120 --> 00:05:14,620
 

76
00:05:14,610 --> 00:05:23,460
 

77
00:05:24,210 --> 00:05:31,380
 

78
00:05:31,620 --> 00:05:33,420
だから、最初のものだけが必要な場合は、画像のコロンを使用して、最初に構築されたJクエリーのようなタイプのものが最初にあることを覚えておいてください。

79
00:05:33,570 --> 00:05:40,010
だから私は最初のタイプに戻り、あなたが知っている怖いイメージになるようにソースを変更することができます。

80
00:05:40,140 --> 00:05:44,250
私がenterを押すと、最初のイメージにのみ影響します。

81
00:05:44,670 --> 00:05:51,060
 

82
00:05:51,060 --> 00:05:59,400
 

83
00:05:59,420 --> 00:06:05,280
 

84
00:06:05,280 --> 00:06:06,240
最後の画像を更新して同じ画像ソースを持つようにしたい場合は、この恐ろしいマインマーチンにいくつかのオプションがあります。最初に表示するのは、このような画像をすべて選択してから最後のドット方式を使用することですあなたはまだ見ていないし、指定されたセレクタから最後の要素を返します。

85
00:06:06,420 --> 00:06:12,240
これで3つの画像がすべて選択された後、最後の画像を要求してから、そのATSDRソースを作成してから、画像ソースにペーストしてEnterキーを押します。

86
00:06:12,750 --> 00:06:16,820
 

87
00:06:17,070 --> 00:06:20,670
また、最後の画像も変更されていることがわかります。

88
00:06:20,700 --> 00:06:25,800
そして、最後に私はそれらの3つを一緒に変更することを実証するので、私はあなたの新しいイメージを持っています。

89
00:06:25,830 --> 00:06:32,440
私はここでコピーして、このようなすべての画像を選択して、その属性ソースをカンマで実行し、New You

90
00:06:33,960 --> 00:06:41,280
You allで3つの画像すべてを同時に変更するだけで、すべてのソース属性を変更します。

91
00:06:41,280 --> 00:06:43,310
 

92
00:06:43,750 --> 00:06:48,810
TTRを要約すると、ソースのような引数が1つだけ与えられます。

93
00:06:48,880 --> 00:06:51,020
しかし、我々は二番目の議論をパスしない。

94
00:06:51,090 --> 00:06:53,540
それは単にsourceの値を返します。

95
00:06:53,790 --> 00:06:54,810
それがゲッターです。

96
00:06:54,930 --> 00:07:00,450
 

97
00:07:00,450 --> 00:07:06,070
そして、新しいもののような2番目の引数を与えたら、ここでやったように、前に選択したすべての要素のsourceの値を実際に更新します。

98
00:07:06,090 --> 00:07:10,020
だから私が実証したいのはVauメソッドです。

99
00:07:10,020 --> 00:07:16,490
だからヴァルは、入力から値を抽出するのに役立ちます。

100
00:07:16,530 --> 00:07:22,200
 

101
00:07:22,290 --> 00:07:28,740
 

102
00:07:28,750 --> 00:07:30,640
だから、あなたが普通のjavascriptでスコアキーパーを作ったときに思い返せば、その数字の入力とその入力があって5〜10の位の勝ちのスコアを指定でき、そこから値を抽出する必要がありました。

103
00:07:30,630 --> 00:07:33,010
valueというプロパティを使用します。

104
00:07:33,250 --> 00:07:38,160
Well Vauは、各Timと同じように、値のJクエリーラッパーです。

105
00:07:38,190 --> 00:07:44,360
それは憤慨したJamailのラッパーであり、テキストはテキストコンテンツのラッパーです。

106
00:07:44,370 --> 00:07:47,630
あなたがここで見ることができるように、いくつかの例を見ることができます。

107
00:07:47,790 --> 00:07:53,950
引数を渡さないと、選択した特定の要素の値が返されます。

108
00:07:54,490 --> 00:08:00,480
 

109
00:08:00,490 --> 00:08:06,990
 

110
00:08:07,000 --> 00:08:12,720
この場合、fooのクラスを持つselect要素のドロップダウンメニューを取得しています。そして、Valを使ってドロップダウンのどの要素かどの部分が選択されたのかを示し、次に同じ構文も使用できます引数を渡すと、入力の値が変更されます。

111
00:08:13,240 --> 00:08:18,870
ここでテキストを入力してみましょう。コンソールをクリアして、このテキスト入力を選択します。

112
00:08:19,020 --> 00:08:20,560
 

113
00:08:20,910 --> 00:08:28,090
だから、ドル記号がちょうどそのように入力されてから、引数なしでValを実行します。

114
00:08:28,350 --> 00:08:33,420
今ここでは値が空の文字列なので、空の文字列を返します。

115
00:08:33,420 --> 00:08:34,600
そこには何もありません。

116
00:08:34,890 --> 00:08:41,900
だから私の名前のようなものを今入力すれば、私たちは冷たい鉄鋼の価値を求めます。

117
00:08:42,150 --> 00:08:48,720
ここにあるものは、私たちが走ったときにつかまえられ、私たちが見た他のすべての方法がセッターメソッドとしても働くようになります。

118
00:08:48,900 --> 00:08:51,290
 

119
00:08:51,450 --> 00:09:01,080
だから私が錆びたスチールのようなものを渡して私が入力を押すと、入力が更新されてrestiをまだ静止させていることがわかります。

120
00:09:01,090 --> 00:09:03,070
 

121
00:09:03,180 --> 00:09:07,320
実際に入力を更新するためのコードを書くときには不思議に思われるかもしれません。

122
00:09:07,330 --> 00:09:10,150
通常は、ユーザーに入力を更新させます。

123
00:09:10,230 --> 00:09:14,630
私が考えることができる1つの一般的な使用例は、値をクリアしたい場合です。

124
00:09:14,710 --> 00:09:20,550
このTo

125
00:09:20,550 --> 00:09:28,410
Doリストであれば、ユーザーは新しいキャンディーや何かを加えることができるようにしたいと思っていました。途中で過大評価されているゼリービーンズで入力することができました。私たちはenterを押して、新しい味方を追加したい私たちはここにあるものを削除したい。

126
00:09:28,420 --> 00:09:31,670
 

127
00:09:31,840 --> 00:09:33,460
ドットを使う。

128
00:09:33,540 --> 00:09:35,290
だから私はあなたを見せます。

129
00:09:35,290 --> 00:09:36,290
ちょうどこのように見えます。

130
00:09:36,390 --> 00:09:42,490
そして、それを空の文字列に設定し、そこの内容を消去するので、私たち自身が実際にリストを作成するときにそれを実際に実行します。

131
00:09:42,480 --> 00:09:45,040
 

132
00:09:45,080 --> 00:09:49,960
私たちはVauを空の文字列で使用してテキストをリセットして配置します。

133
00:09:49,960 --> 00:09:54,890
最後に、Darvellはvalue属性を持つすべての要素で動作することを言及します。

134
00:09:55,050 --> 00:10:01,170
 

135
00:10:01,410 --> 00:10:07,110
 

136
00:10:07,120 --> 00:10:16,740
だから、タイプ入力のテキストだけでなく、チェックボックスやカラー入力のようなものですが、先に進むことができるドロップダウンメニューも含まれています。これは選択要素である新しいドロップダウンメニューを作成し、オプションと各オプションは1つの選択肢を表します。

137
00:10:17,040 --> 00:10:27,480
だから、私たちのオプションには、ダチョウやカメ、ヒキガエルのような国で最も人気のあるペットがいくつか含まれています。

138
00:10:27,480 --> 00:10:28,210
 

139
00:10:28,600 --> 00:10:35,950
 

140
00:10:36,140 --> 00:10:43,080
 

141
00:10:43,330 --> 00:10:44,600
[OK]をクリックすると、ページが保存され、最新表示され、3つの選択肢を持つドロップダウンメニューが表示されます。ユーザーが選択した選択肢を知りたい場合は、ここに行きます。もっと。

142
00:10:44,790 --> 00:10:53,070
ドロップダウンメニューを私に与えてくれるselectを選択する必要があります。次に、その上でVauを実行するだけで、ユーザーがtoadを選択したことがわかります。

143
00:10:53,080 --> 00:10:58,210
 

144
00:10:58,230 --> 00:11:06,250
したがって、80を使用して、特定の属性にアクセスしたり、属性を設定したりして、値を取得したり、入力またはドロップダウンメニューの値を設定したりするには、TRを使用します。

145
00:11:06,240 --> 00:11:12,670
 

146
00:11:13,110 --> 00:11:13,500
大丈夫