1
00:00:00,640 --> 00:00:05,130
このビデオでは、要素を操作するさまざまな方法について引き続き学習します。

2
00:00:05,160 --> 00:00:06,360
一度選択します。

3
00:00:06,690 --> 00:00:11,040
そこで、クラスを削除するスタイル変更クラスの操作について説明しました。

4
00:00:11,040 --> 00:00:15,290
私たちは、テキストの内容を変更し、彼を怒らせることについて話しました。

5
00:00:15,600 --> 00:00:18,600
ここで、属性の操作について説明します。

6
00:00:18,810 --> 00:00:25,820
だから、属性はHのようなものだ F. イメージ上のcomやsourceのようなGoogleと同じです。

7
00:00:26,550 --> 00:00:32,460
だから、彼らは常にこれに続くいくつかのプロパティ名は、クォート内の何かと同じであり、属性は本当に重要です。

8
00:00:32,460 --> 00:00:33,330
 

9
00:00:33,330 --> 00:00:36,410
時々、私たちは物事を変えたいと思うものを操作したいと思っています。

10
00:00:36,570 --> 00:00:40,890
そこでGoogleでは、すべてのリンクをGoogleで変更するなど、早い段階で簡単なことを行う予定です。

11
00:00:40,900 --> 00:00:45,950
Dotcomのホームページにリンクしています。

12
00:00:46,200 --> 00:00:51,040
だから、私たちは、GoogleドットコムのホームページのすべてのリンクをBingドットコムに変更するような、簡単なことをいくつかやるつもりです。

13
00:00:51,060 --> 00:00:52,460
 

14
00:00:52,490 --> 00:00:58,280
しかし、属性の変更は実際のプロジェクトでは本当に重要で有用なものです。

15
00:00:58,320 --> 00:01:05,610
たとえば、イメージスライダーを何回も作成した場合、イメージギャラリーのイメージスライダーはイメージのソースを変更することで作成され、1つのイメージであり、ソースが変更されています。

16
00:01:05,610 --> 00:01:11,440
 

17
00:01:11,730 --> 00:01:16,800
だからここでは簡単な例ですが、特定の属性の値を取得する方法と、値を変更または操作する方法について説明します。

18
00:01:16,890 --> 00:01:21,460
 

19
00:01:21,570 --> 00:01:28,050
この例では、googleになる下書きを持つアンカータグがあります。 com、画像タグ付きの画像タグはロゴドットDNGです。

20
00:01:28,050 --> 00:01:30,110
 

21
00:01:30,360 --> 00:01:36,300
 

22
00:01:36,300 --> 00:01:41,880
 

23
00:01:42,150 --> 00:01:44,360
そこで、クエリーセレクターを開始するアンカータグを選択してリンクを保存し、Get属性とget属性と呼ばれるメソッドを使用して、取り出すように聞こえるか、要求する特定の属性の値を取得します。

24
00:01:44,490 --> 00:01:51,810
ですから、私たちがこのリンク上で息を呑むように頼むと、それは私たちにwwwを与えるでしょう。 youtube。

25
00:01:51,810 --> 00:01:56,580
私はまた、その属性をSet属性を使って変更することができ、set属性は2つの引数をとります。

26
00:01:56,640 --> 00:02:01,890
最初の属性は属性の名前であり、2番目の属性は属性の名前です。

27
00:02:01,890 --> 00:02:08,820
だからこの場合、私はこのリンクのTrefを変更して、ドッグドットコムのWDWになるようにしています。

28
00:02:09,540 --> 00:02:13,200
これをブラウザで実証しましょう。

29
00:02:13,200 --> 00:02:17,940
ここではget属性を使用してこの最初のイメージのソースを取得します。

30
00:02:18,150 --> 00:02:19,430
だから私はそれを選択する必要があります。

31
00:02:19,680 --> 00:02:26,970
イメージとドキュメントを同じ名前にして、タグ名のイメージで要素を取得してみましょう。最初のイメージが必要です。

32
00:02:29,610 --> 00:02:33,810
 

33
00:02:33,810 --> 00:02:43,330
そして、我々がそれを見るならば、私たちがソースを求めたら、私たちはただ単に属性をsarcyとして取得します。

34
00:02:44,280 --> 00:02:45,840
そして、これが私たちの情報源です。

35
00:02:46,170 --> 00:02:52,620
私がそのイメージを変えたいと思えば、私は実際に別の愛らしいコルギのハスキーコーギーをここで用意したイメージを持っています。

36
00:02:52,770 --> 00:02:54,290
 

37
00:02:54,780 --> 00:03:03,180
私は先に進んで、これをコピーして、このようなイメージのドットセット属性を使ってそれを変更し、それを第2引数として渡します。

38
00:03:03,180 --> 00:03:07,700
 

39
00:03:07,700 --> 00:03:12,500
そして、私たちはエンターを押して、そこで私のイメージを更新しました。

40
00:03:13,020 --> 00:03:15,700
そして、私はもちろん、2番目のイメージに同じことをすることができます。

41
00:03:15,750 --> 00:03:22,290
 

42
00:03:22,290 --> 00:03:35,970
私はそれを選択する必要がありますので、タグ名の画像1で要素を取得するために画像を文書化し、属性源を同じものに設定する画像を作成するために、このようなことを行うことができます。

43
00:03:35,970 --> 00:03:41,520
今度は、ハスキーの2つのミスマッチがあります。

44
00:03:41,670 --> 00:03:45,220
だからちょっと変わって、私はアンカータグも追加します。

45
00:03:45,360 --> 00:03:53,220
だからちょうど上にTref BW dot Googleとのアンカー・タグがあり、次にここに入るでしょう。

46
00:03:53,370 --> 00:04:01,380
Googleにリンクしてください。開始するためにできることは、refをリンクする変更です。

47
00:04:01,390 --> 00:04:07,950
したがって、我々が新鮮なページであれば、これまでに選択したリンクが、クエリセレクタAと同じドキュメントになります。

48
00:04:08,510 --> 00:04:09,480
 

49
00:04:09,930 --> 00:04:17,880
 

50
00:04:17,880 --> 00:04:27,600
 

51
00:04:27,910 --> 00:04:32,940
そして、私たちはドットセットアトリビュートを行います。Trefはもうソースをやっていません。アトリビュートの性質を変えています。コーギードットコムにやってみましょう。それが私たちとコンプに代わる方法を見ることができます。 Corgiesドットコムに変更されました。

52
00:04:33,090 --> 00:04:35,080
もし私がそれを検査すれば。

53
00:04:35,690 --> 00:04:38,200
HCFはCorgiesのスタートコムを変更しました。

54
00:04:38,370 --> 00:04:46,680
そして、最後に私が新しいタブでそれをクリックすると、私たちをCorgiesドットコムに連れて行きます。そして、あなたはそれが実際にCorgiesのスターコムが私たちを相対的な道でそれをしようとしたということに気付かないでしょう。

55
00:04:46,680 --> 00:04:51,620
 

56
00:04:51,660 --> 00:04:57,390
start comを実際にWebサイトに移動したい場合は、修正することができます。

57
00:04:57,390 --> 00:04:58,750
それで、実際に私が実際のWebサイトであるかわからないCorgies

58
00:04:59,160 --> 00:05:06,750
私たちはHTPコロンスラッシュスラッシュを行う必要があり、それはブラウザに、このリンクが私たちのどこに相対的ではないことを伝えます。

59
00:05:06,750 --> 00:05:07,280
 

60
00:05:07,410 --> 00:05:12,210
それは、このURLに行くという意味の絶対パスです。私たちがいる場所の最後に追加しないでください。

61
00:05:12,210 --> 00:05:12,600
 

62
00:05:12,780 --> 00:05:18,260
だから私たちはHTPプロトコルを使用しています。私たちが検査すれば、これをやります。

63
00:05:18,810 --> 00:05:21,400
あなたはHGPが変わったのを見ることができます。

64
00:05:21,660 --> 00:05:29,070
そして、新しいタブをクリックすると、誰もそれを所有していない、あるいは誰かがそれを所有しているが、彼らはそれを使用しない。

65
00:05:29,070 --> 00:05:30,000
 

66
00:05:30,000 --> 00:05:32,690
それは恥と恥です。

67
00:05:32,700 --> 00:05:37,350
Googleへのリンクとは言えないこのリンクを更新するだけです。

68
00:05:37,350 --> 00:05:38,850
私たちがする必要があるのは、すべてです。

69
00:05:39,000 --> 00:05:45,240
 

70
00:05:45,270 --> 00:05:54,940
2つの選択肢がありますが、通常はテキストコンテンツをテキストエディットテキストのコンテンツをcorgiドットコムに変更するだけの方が良いでしょう。

71
00:05:54,960 --> 00:05:59,260
それはAtra属性であり、内部コンテンツも変更されています。

72
00:06:00,030 --> 00:06:05,350
したがって、私たちは属性を取得し、属性を設定し、それらはすべての属性で動作します。

73
00:06:05,550 --> 00:06:11,400
だから私はTrefとソースのためにそれを示しましたが、そこにあるクラスや他の属性を変更するためにIDを変更したいのであれば、それを使うことができます。

74
00:06:11,430 --> 00:06:13,970
 

75
00:06:13,980 --> 00:06:18,120
かなりの数がありますが、これはより一般的なものです