1
00:00:00,110 --> 00:00:00,530
好吧。

2
00:00:00,530 --> 00:00:01,500
歡迎回來。

3
00:00:01,500 --> 00:00:03,350
因此，讓我們開始編寫一些代碼。

4
00:00:03,480 --> 00:00:07,290
而我們要學習如何做的第一件事是如何選擇的元素。

5
00:00:07,290 --> 00:00:13,310
所以就像與普通主導關係或音韻是的，我們需要選擇的東西，然後操縱。

6
00:00:13,380 --> 00:00:18,300
我知道我有點破紀錄的有，但它是一個非常重要的過程中選擇，然後改變的東西。

7
00:00:18,300 --> 00:00:24,230
此視頻將被主要集中在選擇為J查詢元素這裡兩個主要目標。

8
00:00:24,390 --> 00:00:33,500
第一個是學習如何選擇具有美元符號的功能元素，然後又使用C評估方法的風格元素。

9
00:00:33,630 --> 00:00:45,210
因此，我們不只得到選擇，事情就打印出來，而是使之更直觀，我們會選擇它們，然後更改背景顏色和周杰倫的查詢，我們可以選擇我們希望僅使用一個功能應有盡有。

10
00:00:45,570 --> 00:00:46,800
美元符號。

11
00:00:46,920 --> 00:00:55,650
所以不像香草J.S.我們有通過ID查詢選擇查詢選擇獲得的元素文檔類名稱的所有元素得到度日標籤名稱的元素。

12
00:00:55,650 --> 00:01:00,840
有選擇的美元符號和Jay查詢將取代所有的人都這麼多不同的方式。

13
00:01:00,990 --> 00:01:07,230
它基本上就像查詢選擇全部，我們給它一個C SS風格的選擇。

14
00:01:07,320 --> 00:01:12,370
然後周杰倫查詢返回我們給它選擇匹配的所有匹配的元素。

15
00:01:12,720 --> 00:01:25,460
所以，我有一個例子，如果在這裡我們要選擇它只是看起來像這一點，如果我們想要選擇所有級規模的要素，我們做點標尺在頁面上所有的圖像標籤。

16
00:01:25,620 --> 00:01:28,380
請記住這個設置樣式選擇。

17
00:01:28,380 --> 00:01:39,000
因此，對於一個ID，我們需要電弧索普誰需要點的類，我們也可以這樣做一些更高級的東西選擇是列表中的元素內的所有錨標籤。

18
00:01:39,360 --> 00:01:41,900
所以我在這裡是如何工作做一個快速演示。

19
00:01:42,060 --> 00:01:47,750
因此，我們有我們的傑克·奎裡演示歲他我們的頁面設置在那裡我有CDN的包括在內。

20
00:01:48,300 --> 00:01:54,180
而且如果我們使用N個字，或者如果您想使用所下載的文件就以同樣的方式並不重要。

21
00:01:54,180 --> 00:01:58,110
所以，我們在這裡需要一個腳本，然後我們需要一些內容一起玩。

22
00:01:58,110 --> 00:02:00,410
所以我會保持H-1 S.J.核心演示。

23
00:02:00,510 --> 00:02:06,270
我會改變這些盟友，使他們更獨特一點，所以我會用一些我最喜愛的動物填充它。

24
00:02:06,480 --> 00:02:08,260
那麼到底是蠑螈。

25
00:02:08,520 --> 00:02:15,510
我五歲的自我喜愛的動物字母歌的一部分，將添加收藏夾專輯猴的另一個。

26
00:02:15,870 --> 00:02:19,050
然後最後松樹馬丁。

27
00:02:19,680 --> 00:02:24,820
如果你從來沒有見過的松貂，他們都同樣可愛，可怕的動物。

28
00:02:24,950 --> 00:02:27,190
所以你可以看到漂亮可愛在這裡。

29
00:02:28,060 --> 00:02:32,690
但是，如果你在行動來看看他們，他們是瘋了天敵和非常可怕的。

30
00:02:33,000 --> 00:02:33,270
好。

31
00:02:33,300 --> 00:02:38,770
因此，一些我最喜歡的動物的名單將節省，讓我們立即打開了。

32
00:02:39,720 --> 00:02:41,150
確保我們在正確的目錄。

33
00:02:41,200 --> 00:02:53,620
周杰倫開採演示，每個奇姆諾什麼，我要做的是推動這一出自己的窗口和我們還是要在控制台使字體大小大一點，讓我們用一個查詢來選擇其中的一些東西。

34
00:02:53,640 --> 00:02:56,100
所以請記住一個美元符號是一個函數。

35
00:02:56,520 --> 00:03:00,490
如果我只是在它自己的鍵入美元符號去掉括號。

36
00:03:00,720 --> 00:03:08,700
這就像我沒有括號或反對打字警報。點日誌沒有括號並沒有真正做，除了告訴我什麼。

37
00:03:08,940 --> 00:03:12,610
是的，我知道的代碼，但它實際上並沒有執行。

38
00:03:13,170 --> 00:03:16,860
首先，讓我們通過選擇僅H-1在頁面上做到這一點。

39
00:03:16,860 --> 00:03:24,550
我們可以用美元符號和S選擇器選擇h那些僅僅是H-1和我們打進去。

40
00:03:24,600 --> 00:03:27,480
你可以看到它返回殲queery演示H-1。

41
00:03:27,630 --> 00:03:30,110
所以還請注意，這是一個列表裡面。

42
00:03:30,300 --> 00:03:36,480
所以不像查詢選擇它返回第一個實例的美元符號選擇。

43
00:03:36,480 --> 00:03:43,310
即使只有一個項目是真正有用的，我們將看到，在一點點的查詢將返回一個列表。

44
00:03:43,320 --> 00:03:53,150
所以讓我們試試現在選擇所有的盟國，所以我們可以做這樣的事情美元符號的盟友，我們得到三個盟友就這樣。

45
00:03:53,490 --> 00:03:59,130
我們也可以通過輸入機體選擇身體和讓事情變得更有趣。

46
00:03:59,130 --> 00:04:20,430
讓我們回到我們的年齡的電子郵件，並添加在內徑松樹馬丁，我們就叫它可愛的ID，然後我們也可以在我們的吼猴會添加一個標記吼猴，它就會轉到猴子點com，這將只是猴子點com。

47
00:04:20,730 --> 00:04:30,550
如果我們刷新，如果我要選擇一個鏈接，我會用美元符號，我可以只是做錨標記，並且將它送給了我。

48
00:04:30,600 --> 00:04:34,740
我也可以說一個盟友內部錨標記。

49
00:04:34,980 --> 00:04:40,770
我也可以，如果我真的想只說是，而不是一個意志盟友內部的錨標記。

50
00:04:41,100 --> 00:04:43,990
並且在所有情況下迄今那些是相同的。

51
00:04:44,160 --> 00:04:51,270
但是，如果我只是在谷歌網頁點com的底部添加另一個錨標記和我刷新。

52
00:04:51,810 --> 00:04:55,290
現在我做我的美元符號錨標記。

53
00:04:55,290 --> 00:04:57,350
我同時獲得錨標記。

54
00:04:57,820 --> 00:05:05,820
如果我做一個美元符號UL用的，它只是給了我這個錨標記中的定位標記的盟友。

55
00:05:05,970 --> 00:05:27,890
或者，他們可以將其剛剛縮短為這個在這裡和那裡我們去選擇的想法的項目可愛的它的作品就像queery對於這個問題，我需要在北極或哈希符號加上選擇或全部或查詢選擇或C SS ID名稱可愛，這給了我的松貂盟友。

56
00:05:27,940 --> 00:05:33,660
因此，我們已經看到了我們是如何選擇，這不是很令人興奮的剛打印出來的東西到控制台或者只是看到他們在這裡返回。

57
00:05:33,670 --> 00:06:00,440
但事實上，我想要做的是引入一種方法我們將看到更多的方法，在未來幾年的影片，但我要告訴之一，現在這將幫助我們把事情視覺和幫助我們改變造型，使方法被稱為Dotsie SS，它的工作原理是，我們輸入一個選擇美元符號和一些選擇，然後我們可以在那末尾添加Dotsie SS並通過它在某些屬性和值方式的轉變。

58
00:06:00,450 --> 00:06:11,220
因此，這裡是我選擇具有特殊的想法的東西，然後我就可以跑起來綜援和改變邊界是兩個像素的紅色實為例。

59
00:06:11,500 --> 00:06:13,190
因此，讓我證明。

60
00:06:13,300 --> 00:06:15,400
讓我們這樣做是為了在H-1。

61
00:06:15,390 --> 00:06:21,390
所以，我選擇美元符號H-1 Dotsie SS就這樣。

62
00:06:21,610 --> 00:06:30,380
然後，而不是在這裡讓我們來改變顏色是黃色的就是這樣。

63
00:06:30,630 --> 00:06:31,480
我回車。

64
00:06:31,600 --> 00:06:34,980
你可以看到它更改為黃色這是真棒。

65
00:06:35,310 --> 00:06:39,420
所以這是一件好事，記住，你會怎麼做沒有Ĵ奎裡。

66
00:06:39,630 --> 00:06:54,840
所以我們會做這樣的事情得到文件，讓我們做文檔查詢選擇H-1點和B沒有將c SS，所以我們需要做點式的點彩平等。

67
00:06:54,940 --> 00:06:56,700
讓我們將其更改為橙色。

68
00:06:57,690 --> 00:06:58,400
還有我們走。

69
00:06:58,440 --> 00:07:06,300
我們把它改為橙色，但此行就在這裡實際上是一個很多更強大，可以做很多事情比我們更可以用此一行在這裡做。

70
00:07:06,550 --> 00:07:14,100
因此，讓我們假設，我想改變這個H-1我想改變顏色和背景顏色和邊框多種樣式。

71
00:07:14,110 --> 00:07:19,240
我所能做的是定義我的風格的一個對象，並在傳遞一個對象。

72
00:07:19,480 --> 00:07:24,250
所以，我沒有只是做一個字符串波特逗號作為波特的價值。

73
00:07:24,550 --> 00:07:31,070
我可以定義具有多個屬性的多個鍵值對的對象，並通過在和他們都將被應用。

74
00:07:31,360 --> 00:07:32,500
因此，讓我們做這件事情。

75
00:07:32,760 --> 00:07:37,080
讓我們來定義我們的風格和我們沒有做一個單獨的對象。

76
00:07:37,120 --> 00:07:38,250
我會告訴你的。

77
00:07:38,350 --> 00:07:56,340
而不是在這裡要說的顏色應該是紅色的背景應該是粉紅色的，我們會做的邊界應該是兩個像素固紫就這樣。

78
00:07:56,740 --> 00:08:02,460
如果我們按下回車鍵，我們現在有我們的風格對象並再次，可以調用任何事情。

79
00:08:02,740 --> 00:08:05,060
然後呢，我們要做的就是選擇H-1。

80
00:08:05,310 --> 00:08:14,950
因此，美元符號H-1再次gutsiest我們，我們只是通過在我們的樣式對象和所有這些樣式應用於。

81
00:08:15,190 --> 00:08:19,720
因此，要做到這一點，而不Ĵ查詢要求我們要做到三個單獨的行。

82
00:08:19,750 --> 00:08:32,400
你需要做的文檔querist讓你的H-1型深色等於紅色，然後點樣式點背景等於粉紅色，然後將該風格，邊框等於兩個像素堅實的紫色。

83
00:08:32,710 --> 00:08:35,580
希望你可以看到已經與短短的幾行。

84
00:08:35,640 --> 00:08:38,240
Ĵ查詢已經被證明是非常強大的。

85
00:08:38,520 --> 00:08:44,370
雖然我們可以做的一切，沒有它它肯定為我們節省一些時間，讓我們的代碼更加清晰。

86
00:08:44,710 --> 00:08:58,160
還有，使得它更加有用，我現在會展示我們能做什麼實際上是在風格多個元素的一次，而不是只選擇第一個，使其黃色的點綜援方法的另一特點。

87
00:08:58,260 --> 00:09:03,290
我們可以選擇所有的人或所有盟國和我們只需要一行來做到這一點。

88
00:09:03,340 --> 00:09:04,110
所以，我會告訴你的。

89
00:09:04,110 --> 00:09:06,430
現在，讓我們所有的謊言。

90
00:09:06,970 --> 00:09:09,580
因此，要做到這一點，我需要選擇盟友。

91
00:09:09,730 --> 00:09:11,550
所以，就這樣。

92
00:09:11,550 --> 00:09:12,650
如果我回車。

93
00:09:12,780 --> 00:09:31,940
你會看到，它給了我三個盟友，然後我需要鏈基於C SS和我只是給它一個屬性的顏色和改變它是藍色就這樣，我會按下回車鍵，注意這一個行改變了所有的三個盟友。

94
00:09:32,350 --> 00:09:34,610
所以肯定非常強大。

95
00:09:34,650 --> 00:09:46,030
我們所要做的是選擇與我們的選擇美元符號盟友，給了我們三個盟友，並在這裡ALWIS數組盟友這份名單做Dotsie SS。

96
00:09:46,240 --> 00:09:52,320
它實際上會讓他們所有的藍色，我們甚至不通過要手動循環，正如我們所沒有的查詢。

97
00:09:52,360 --> 00:09:59,360
所以，只是提醒你，如果我想改變所有這些是綠色無查詢我首先需要選擇他們。

98
00:09:59,500 --> 00:10:06,570
所以VAR盟友等於文檔查詢選擇所有傳入字符串的盟友。

99
00:10:06,790 --> 00:10:08,390
然後我需要通過循環。

100
00:10:08,520 --> 00:10:15,350
因此，對於VAR我等於零小於Elvises在長度加我加。

101
00:10:16,260 --> 00:10:30,100
然後在循環中，我們需要做的盟友我的風格，顏色等於我們會做的綠色就這樣，我們將回車。

102
00:10:30,390 --> 00:10:32,850
你可以看到他們都變成綠色。

103
00:10:32,860 --> 00:10:36,800
所以，再一次它沒有查詢可行的，但它是顯著更多的代碼。

104
00:10:36,900 --> 00:10:40,780
我們需要將其全部選中第一，甚至只是他們的選擇是痛苦的。

105
00:10:40,770 --> 00:10:43,820
這不僅僅是一個美元符號長得多。

106
00:10:43,870 --> 00:10:53,450
然後，我們還可以通過手動需要循環使用for循環或while循環，然後分別更改每一個，然後我們用一個查詢，雖然完成的。

107
00:10:53,560 --> 00:11:02,900
所有我們必須做些什麼來改變回藍是選擇所有盟國Dotsie SS，然後傳遞我們的財產，這是藍顏色是藍色。

108
00:11:03,420 --> 00:11:05,260
我將在這裡展示幾個例子。

109
00:11:05,430 --> 00:11:20,970
讓我們選擇所有錨標籤只是這樣的標籤將c Ss和將使他們的字體尺寸更大，所以字體大小，這將是40個像素，我們走吧。

110
00:11:20,980 --> 00:11:31,140
我們得到了很大的鏈接我也將展示我們可以定義一個對象充滿風格就像我們先前做的，我們可以用它來風格的多個元素不只是一個。

111
00:11:31,240 --> 00:11:44,890
所以，我們選擇所有的謊言和在一起，而他們的風格不是僅僅做做SS和傳遞一個字符串喜歡的顏色，我們會給它一個對象，只是在位置定義在這裡。

112
00:11:45,550 --> 00:11:47,920
我們將在一定的空間，在這裡添加類型。

113
00:11:48,420 --> 00:11:52,340
我們會做的第一件事就是更改所有這些的字體大小。

114
00:11:52,540 --> 00:12:01,300
因此NCSA的字體大小字體大小Dasch或高度和大小JavaScript和使用J查詢，我們必須使用駱駝情況。

115
00:12:01,480 --> 00:12:21,140
所以字體大小沒有空間或沒有破折號，但我們大寫小號成員這是Kimbal情況下，我們將讓他們10讓我們做但10像素，然後我們將添加邊框，這一次將是三個像素什特紫色。

116
00:12:21,340 --> 00:12:23,610
這些虛線邊框總是驚人的。

117
00:12:23,980 --> 00:12:27,840
然後最後加入的背景顏色背景。

118
00:12:28,140 --> 00:12:30,490
而且，我們只是做了我們自己的R.G.顏色。

119
00:12:30,660 --> 00:12:31,670
所以R.G. B.

120
00:12:31,710 --> 00:12:33,540
我們會盡我們G.P.A.其實。

121
00:12:33,690 --> 00:12:36,640
而第一個讀會喜歡。

122
00:12:37,070 --> 00:12:43,340
89紅45綠20藍。

123
00:12:43,480 --> 00:12:49,490
然後0.5阿爾法這是不透明度或透明度通道。

124
00:12:49,620 --> 00:12:54,490
如果我們按下回車鍵，你可以看到，所有這些都是在應用一次。

125
00:12:54,630 --> 00:12:58,110
因此，我們的字體大小縮小我們已經得到了10個像素。

126
00:12:58,260 --> 00:13:13,060
我們周圍的盟友，這些令人驚嘆的邊界是三個像素什特紫色，然後我們有背景色是什麼這個顏色竟然是它看起來像某種淺棕色的顏色。

127
00:13:13,090 --> 00:13:13,360
好吧。

128
00:13:13,360 --> 00:13:22,070
所以希望您可以從快速演示看到只有兩個，我們正在做的美元符號選擇不同的東西，這對自己是非常強大的。

129
00:13:22,090 --> 00:13:26,390
它基本上就像queery Slichter和queery選擇所有的合併。

130
00:13:26,640 --> 00:13:29,620
這是一個更短，更容易編寫語法。

131
00:13:29,910 --> 00:13:45,040
再有就是綜援方法也是非常強大的，因為我們可以改變單個屬性像我們這裡，但我們也可以massas像我們一樣在這裡簽署綜援的屬性，我們傳遞一個對象全鍵值對。

132
00:13:45,100 --> 00:14:03,830
也許這一切的最重要的部分是，當我選擇像所有盟國的集合像我一樣在這裡我不通過必須手動循環，並通過應用單獨的東西像我一樣在這裡，我們不得不循環中的所有盟友並更改為J查詢時的顏色之一。

133
00:14:03,930 --> 00:14:12,990
如果我有元素的集合，它會自動遍歷的，適用Dotsie評估每一個人。

134
00:14:12,990 --> 00:14:14,600
因此，它的功能非常強大。

135
00:14:14,770 --> 00:14:19,770
這就是為什麼作為一個側面說明，這就是為什麼它總是在這裡返回一個數組。

136
00:14:19,890 --> 00:14:28,370
即使我只是用ID可愛的它總是返回它在列表中，因為所有的幕後邏輯包括遍歷該列表中的一個元素。

137
00:14:28,470 --> 00:14:31,860
所以它會遍歷這一點，它恰好這裡有一個項目。

138
00:14:31,890 --> 00:14:33,030
因此，它並沒有真正的循環。

139
00:14:33,040 --> 00:14:34,540
它只是過一次。