1
00:00:00,270 --> 00:00:05,870
一些影片前我介紹了選擇的元素，然後操縱他們的這個概念。

2
00:00:06,120 --> 00:00:14,660
因此，我們選擇H1或全部圖像標記，然後我們可以改變顏色，或它們的動畫或進行當你點擊他們他們做點什麼。

3
00:00:14,670 --> 00:00:18,360
到目前為止，我們只覆蓋了一半的選擇和這部影片。

4
00:00:18,360 --> 00:00:24,090
我們將介紹幾個方法很多，一旦我們選擇了他們操縱的元素。

5
00:00:24,120 --> 00:00:26,760
因此，這裡有四個主要的事情要談。

6
00:00:26,970 --> 00:00:29,320
第一個是我們該如何改變元素的風格。

7
00:00:29,340 --> 00:00:32,050
我們如何使它藍色或使其隱藏。

8
00:00:32,070 --> 00:00:34,070
更改字體大小。

9
00:00:34,080 --> 00:00:40,920
接下來我們將討論添加和使用JavaScript刪除類，然後更改標籤的內容。

10
00:00:41,010 --> 00:00:44,490
所以，我怎麼改變H-1的標籤為實例中的文本。

11
00:00:44,490 --> 00:00:46,590
然後最後改變屬性。

12
00:00:46,590 --> 00:00:52,040
那麼，如何才能改變一個圖像標記或在AA標籤裁判的來源。

13
00:00:52,230 --> 00:00:55,260
我們將得到由談論的樣式屬性開始。

14
00:00:55,260 --> 00:01:11,220
因此，當構建DOM和個別節點由或對象是由每一個元素有一個屬性叫做風格和樣式屬性是一個巨大的物體數百個，我們可以設置每一個綜援財產的屬性之一。

15
00:01:11,370 --> 00:01:15,460
因此，我們可以寫javascript那麼將去的風格和元素不同。

16
00:01:15,480 --> 00:01:24,730
所以在這裡，我通過ID亮點選擇一個元素所以選擇它，它保存到一個變量稱為標記，然後操縱它。

17
00:01:24,750 --> 00:01:26,370
而我在做什麼我設置。

18
00:01:26,370 --> 00:01:34,190
標籤式的點彩點是藍色的點標記點風格邊境等於10像素紅色。

19
00:01:34,200 --> 00:01:37,830
值得注意的是，右側必須是一個字符串是很重要的。

20
00:01:38,280 --> 00:01:43,430
因此，即使使用C SS我們並不需要把周圍的藍色或約70 P X [報價。

21
00:01:43,440 --> 00:01:44,730
這不是C SS。

22
00:01:44,730 --> 00:01:45,720
這是JavaScript的。

23
00:01:45,720 --> 00:01:48,820
所以，我們還是要遵循常規的JavaScript規則。

24
00:01:49,080 --> 00:01:53,550
所以我有一個簡單的網頁建立了，我要用來展示一些屬性。

25
00:01:54,240 --> 00:02:00,190
所以，這個網頁是超級簡單的只是一個H-1的一個段落，而不是那款。

26
00:02:00,200 --> 00:02:05,310
有一個強大的標籤，然後有兩隻可愛的柯基犬混合的兩個圖像。

27
00:02:05,640 --> 00:02:13,770
那麼我現在要做的就是去領事，我需要選擇的東西開始，我要改變顏色，這H-1的邊界。

28
00:02:13,770 --> 00:02:22,800
所以，我需要選擇它，並有多種方法可以做到，在一個新的文檔，查詢選擇器H-1。

29
00:02:25,320 --> 00:02:33,030
然後我要告訴你的H-1型是屬性的巨型物體噸，噸。

30
00:02:33,600 --> 00:02:41,680
所以我要去嘗試改變其中的一個像H-1式的深色，並做出黃色。

31
00:02:42,520 --> 00:02:45,560
你可以看到它立即變成黃色。

32
00:02:45,570 --> 00:02:54,300
邊境H-1的風格，邊框等於讓我們做五個像素固體粉紅色的同樣的事情。

33
00:02:56,100 --> 00:02:56,950
還有我們走。

34
00:02:57,210 --> 00:03:01,190
所以當然，如果我們只是想這是黃中帶粉紅色的邊框。

35
00:03:01,290 --> 00:03:04,910
從頁面加載時間，沒有理由使用JavaScript來做到這一點。

36
00:03:04,920 --> 00:03:18,670
我們只是把它放在我們的綜援文件中，我們將使用JavaScript，如果我們想讓它變成黃色，並有一個粉紅色的邊框，當用戶已經在頁面上五秒鐘，或者如果他想它，當用戶滾動到的特定部分發生頁或在用戶點擊了的東西。

37
00:03:18,690 --> 00:03:23,450
這一切都使事情的互動，我們將看到如何在短期內做到。

38
00:03:24,960 --> 00:03:38,150
那麼關於使用樣式屬性的好處是，如果你發現自己的單個元素上操縱一堆文件就像我在這裡做，並在此一個標籤改變五種不同的屬性肯定有更好的辦法。

39
00:03:38,460 --> 00:03:40,740
並有幾方面的原因，有一個更好的辦法。

40
00:03:40,740 --> 00:03:43,350
第一個是，這不是很幹的代碼。

41
00:03:43,350 --> 00:03:46,740
有很多的重複掛牌的風格標籤的風格。

42
00:03:46,740 --> 00:03:50,670
更重要的是有這個概念稱為關注點分離。

43
00:03:50,820 --> 00:03:57,210
因此，關注點分離是這個概念，我們的H M L R（C S）不是的JavaScript。

44
00:03:57,210 --> 00:04:00,840
每個人都有責任為自己的小領域，我們不希望它。

45
00:04:00,840 --> 00:04:02,830
我們不希望很多人之間的交叉。

46
00:04:02,850 --> 00:04:12,930
所以這個圖中可以看到，有各具其是結構團隊和JavaScript之間的交叉一點點這是該行為，然後看看評估是演示。

47
00:04:12,930 --> 00:04:25,840
還有的用H HTML一點點重疊JavaScript，但請記住，它曾經是前的C SS走過來，你必須單獨編寫樣式每一個元素，我們實際使用的樣式屬性。

48
00:04:26,130 --> 00:04:33,500
在這種情況下我們的介紹造型實際上是織成的結構，用C SS現在我們讓他們分離出來。

49
00:04:33,570 --> 00:04:38,710
因此，我們的HMO是純粹的結構，然後我們的成功是純粹的風格。

50
00:04:38,880 --> 00:04:52,620
那麼，什麼適合的JavaScript中是應該控制頁面的行為，有時這意味著改變的事情怎麼看，但，而不是僅僅改變了裡面的JavaScript性能實際上做在JavaScript的樣式。

51
00:04:52,680 --> 00:04:57,530
我們所能做的是打開和關閉它們綜援文件裡。

52
00:04:57,570 --> 00:05:08,380
所以這是非常常見的模式之一是，我們定義一個類綜援像亮點和亮點類將有五或六然而，我們正在改變許多不同的屬性。

53
00:05:08,380 --> 00:05:13,210
然後我們就可以用JavaScript選擇一個元素，並給它的亮點類。

54
00:05:13,210 --> 00:05:18,930
因此，在Javascript有一條線，我們可以添加一個類，那麼，這將改變五種不同的屬性。

55
00:05:19,150 --> 00:05:22,660
讓我們來看看如何做到這一點的Javascript執行。

56
00:05:22,690 --> 00:05:36,200
因此，而不是選擇一個標籤，然後改變風格，但顏色是藍色，然後風格的邊防是10像素的紅色實心我們可以做什麼，而不是是要找到在類的類可以被稱為什麼。

57
00:05:36,250 --> 00:05:41,940
通常你希望它是有點意義如此反映什麼類是應該做的。

58
00:05:42,040 --> 00:05:45,040
它是東西是被高亮，或者它是一個正確的答案。

59
00:05:45,040 --> 00:05:49,840
試圖想出一個好名字，一個高的分數，你應用類不管是什麼原因。

60
00:05:50,170 --> 00:05:57,820
因此，這不是一個很好的名字，但有些類中的一些類是改變顏色是藍色和邊境10像素的紅色。

61
00:05:57,820 --> 00:06:13,790
那麼我要做的就是選擇我的標記，然後標記點類列表點增加一些類，這將給予我的標籤與亮點的想法將被應用於一個名為某個類在所有這些款式新類。

62
00:06:13,810 --> 00:06:16,030
還有一些其他的事情，我們可以用類列表做。

63
00:06:16,270 --> 00:06:30,760
因此，在這個例子中，我顯示了三種方法添加，我們已經看到這是我們如何可以添加一個類中刪除，它接受一個類名，然後它會從類列表該類名稱，然後類列表切換是非常有用的。

64
00:06:30,760 --> 00:06:31,960
它需要一個類名。

65
00:06:32,080 --> 00:06:39,270
而如果給定的元素有類已經它將然後將其刪除，如果元素沒有這個類然後，我會打開它。

66
00:06:39,280 --> 00:06:40,550
所以非常非常有用的。

67
00:06:40,630 --> 00:06:42,180
我們將在後面用它所有的時間。

68
00:06:42,400 --> 00:06:46,990
因此，讓我證明給你之前，我回到我的例子在這裡。

69
00:06:46,990 --> 00:06:49,300
實際上，我要定義一個新的類。

70
00:06:49,690 --> 00:07:00,390
因此，而不是製造新的樣式表，並使用一個鏈接，我只是要使用樣式標籤只是時間的緣故。

71
00:07:00,530 --> 00:07:04,140
所以我要定義一個類，你只是要叫它大。

72
00:07:04,990 --> 00:07:14,670
而我現在要做的就是改變字體大小為100像素，並改變顏色為為橙色。

73
00:07:15,010 --> 00:07:22,540
然後最後讓我們給它五像素純紅色的邊框。

74
00:07:22,960 --> 00:07:24,280
所以，我會留在這。

75
00:07:24,370 --> 00:07:30,900
如果我刷新我當然沒事頁​​變化，但是當我想要做的是，應用類的東西。

76
00:07:30,950 --> 00:07:37,120
所以我打算讓本款有很大的類來做到這一點，我需要選擇它為止。

77
00:07:37,120 --> 00:07:44,900
第等於記錄該查詢選擇段落。

78
00:07:47,180 --> 00:07:47,820
好。

79
00:07:48,010 --> 00:07:53,130
而讓我們只採取一看班級列表開始，你可以看到，它是空的。

80
00:07:53,140 --> 00:07:55,970
沒有分配給本款尚未班。

81
00:07:56,140 --> 00:08:05,310
所以，如果我要指定一個所有我需要做的是說，P-配音類列表添加點我想添加類大。

82
00:08:06,190 --> 00:08:07,240
還有我們走。

83
00:08:07,720 --> 00:08:11,370
因此，它會自動反映我的樣式表的新變化。

84
00:08:11,440 --> 00:08:13,540
所有我必須做的就是添加的大類。

85
00:08:13,780 --> 00:08:18,880
所以希望你可以看到，這是一個極大的方便，我們正在分離的責任。

86
00:08:18,880 --> 00:08:27,610
因此，所有那些JavaScript並為它打開或關閉的SS的特定部分，而不是實際操作手動單獨的屬性。

87
00:08:27,610 --> 00:08:32,120
我們現在只是改變的東西越少越好，而不是我們的JavaScript。

88
00:08:32,470 --> 00:08:45,940
所以，如果我想刪除這一切我需要做的是做一流的無階級不能去除大，我提到了我最喜歡的一個是超級有用的切換。

89
00:08:45,940 --> 00:08:52,940
所以，如果我打撥動現在和回車沒有分配，因此將指派它的類大類。

90
00:08:53,320 --> 00:08:56,420
現在大的已經分配，因此將其刪除。

91
00:08:56,440 --> 00:09:09,610
因此，這是在這種情況下做出了巨大的字體類這個瘋狂的橙色顯然不是有用的，但我們可以做的是像一個待辦事項清單，如果我們希望用戶能夠點擊它做的事。

92
00:09:09,880 --> 00:09:11,440
這將穿越它。

93
00:09:11,650 --> 00:09:15,400
但是，他們可以再次點擊，然後它會未交出來，或只是恢復正常。

94
00:09:15,430 --> 00:09:16,400
這將完成。

95
00:09:16,410 --> 00:09:23,700
或者，我們可以通過切換一類，所以我們可以有一個類調用做，我再次點擊應用點擊做到這一點。

96
00:09:23,800 --> 00:09:24,820
它刪除。

97
00:09:24,820 --> 00:09:27,000
這只是其中一個時，你可以使用切換的例子。

98
00:09:27,100 --> 00:09:29,740
但它確實非常有用。

99
00:09:29,740 --> 00:09:34,090
最後一點，我會調出有關類名單的是，它在技術上不是一個數組。

100
00:09:34,090 --> 00:09:37,840
所以這意味著我們必須以添加一個類中使用的廣告。

101
00:09:37,870 --> 00:09:39,900
我們不能做這樣的事情推。

102
00:09:40,150 --> 00:09:44,000
所以只是一個小音符，但要知道，這不是技術上的數組是很重要的。

103
00:09:44,470 --> 00:09:48,260
因此，我們通過覆蓋我們的JavaScript操作風格兩種不同的方式。

104
00:09:48,280 --> 00:09:55,340
第一個是在時間，這是它的誠實罰款，如果你只是在做一兩件事情做手工一個屬性。