1
00:00:00,120 --> 00:00:15,130
所以，現在你已經聽到我的介紹周杰倫科裡以及我自己對教學周杰倫查詢和我們在這裡採取的做法，總結是簡單地認為，我們開始與香草javascript和現在我們有信心做的事情這樣我們就搬到傑伊·奎裡。

2
00:00:15,510 --> 00:00:20,770
因此，我們需要談論的第一件事是我們如何包含查詢到的應用程序。

3
00:00:20,880 --> 00:00:27,250
所以我要開始一個非常簡單的應用在這裡只是我的年齡增加了嘴，給它一個稱號。

4
00:00:27,370 --> 00:00:33,390
周杰倫queery周杰倫queery演示周杰倫始終是小寫。

5
00:00:33,450 --> 00:00:37,990
不要問我為什麼問是否大寫的所有在短短的幾個要素。

6
00:00:38,030 --> 00:00:38,310
J.

7
00:00:38,310 --> 00:00:39,380
科裡演示。

8
00:00:39,870 --> 00:00:46,710
就這樣，也許盟友或兩個，這些將只是隨機文本。

9
00:00:47,100 --> 00:00:49,980
OK所以三盟友等你。

10
00:00:50,040 --> 00:00:52,440
和H-1和將節省。

11
00:00:52,710 --> 00:00:55,920
當然，我們將繼續前進，打開瀏覽器。

12
00:00:56,580 --> 00:00:58,960
這裡是我們的演示頁。

13
00:00:59,190 --> 00:01:04,220
有幾個方法可以查詢到我們自己的應用程序和我們自己的時代的HTML文件。

14
00:01:04,440 --> 00:01:07,140
請記住，殲查詢只是一個JavaScript文件。

15
00:01:07,230 --> 00:01:10,080
這並不比我們目前編寫的文件不同。

16
00:01:10,080 --> 00:01:13,320
像我們的遊戲色彩躲閃A-S或我們的任務列表。

17
00:01:13,410 --> 00:01:18,570
是的或任何JavaScript文件，我們已經創建並使用腳本標籤鏈接。

18
00:01:18,570 --> 00:01:21,990
因此，在這裡這兩種方法，我們正在使用的腳本。

19
00:01:21,990 --> 00:01:24,900
唯一的區別是源屬性。

20
00:01:25,080 --> 00:01:36,020
在這種情況下，我們所鏈接到的文件在本地，什麼意思是，我下載的代碼查詢，他們把它放在同一個目錄中我的項目，然後我掛了。

21
00:01:36,120 --> 00:01:50,460
所以，我會告訴你我們怎麼辦，如果我們去殲船員文檔和我們點擊下載，然後我們需要選擇一個版本，我會去用這2.1點4最新的，我們有一個幾個選項。

22
00:01:50,550 --> 00:01:57,130
我們可以下載壓縮生產JEY查詢2.0點1.4和未壓縮的開發版本。

23
00:01:57,180 --> 00:01:58,500
我會做兩件事。

24
00:01:58,500 --> 00:02:03,530
通常我只是做，因為它壓縮了整個的一點是，它的速度更快加載這一個。

25
00:02:03,630 --> 00:02:05,380
但我想告訴你是什麼樣子。

26
00:02:05,550 --> 00:02:10,860
所以我會得到解壓一個和壓縮之一，你可以看到，如果我們得到兩個不同的文件。

27
00:02:10,860 --> 00:02:17,820
我們有周杰倫queery點的點J.S.一個點我們有Ĵ查詢2.1％為男性。

28
00:02:18,030 --> 00:02:19,080
是。

29
00:02:19,080 --> 00:02:22,310
所以，我要在這裡昇華打開這兩個組成。

30
00:02:22,530 --> 00:02:26,880
就在拖他們，讓我們來看看他們。

31
00:02:26,970 --> 00:02:29,720
所以這裡這個文件是未壓縮的版本。

32
00:02:29,970 --> 00:02:31,810
當我滾動。

33
00:02:32,310 --> 00:02:35,730
請注意，這只是一個很長的JavaScript文件。

34
00:02:36,000 --> 00:02:50,730
這是9000線，所以我們可以包含這個文件我們也可以包括最小化的版本，這是在幕後相同的代碼，但是當事情被最小化或壓縮所有的空格被取出。

35
00:02:50,730 --> 00:03:13,320
因此，所有這些回報所有的評論都不見了以及變量和屬性所有名字縮短為單個字符，所以你可以看到，我們有事情像他們或者我們有東西像ABC這絕對不是屬性的名稱和參數內，如果未壓縮的文件，這樣我們就可以包括任何一個。

36
00:03:13,500 --> 00:03:17,580
要做到這一點，我們只需要確保我們的文件添加到正確的目錄。

37
00:03:17,940 --> 00:03:22,540
所以我打算做的，而不是我的項目一個新文件夾，我要LIB調用它。

38
00:03:22,710 --> 00:03:24,650
而我們沒有做到這一點。

39
00:03:24,690 --> 00:03:30,780
我們可以只需將我們的兩個文件在同一目錄下我院隊。

40
00:03:30,780 --> 00:03:33,100
我會的文件，我會用它啟動的方式來告訴你。

41
00:03:33,330 --> 00:03:50,740
所以，我要打開我的^ h蒂姆l文件，並添加這裡的腳本script標籤，我需要源等於我需要在這裡寫這篇文章的名字也就是殲查詢點一個點的點Ĵ我們，我們需要這種短跑。

42
00:03:50,760 --> 00:03:55,750
所以，我要複製它，只需設置源到查詢破折號2. 1.4。

43
00:03:55,780 --> 00:03:56,050
J.

44
00:03:56,060 --> 00:04:05,760
是，只要這個文件J所庫裡演示他的老化是在同一個地方傑伊·奎裡2.1 14：4，我們應該不錯。

45
00:04:06,030 --> 00:04:11,670
所以，我會保存，並在瀏覽器中打開背部和刷新。

46
00:04:11,790 --> 00:04:17,150
如果我們打開控制台，我們實際上可以鍵入單詞Ĵ查詢，然後回車。

47
00:04:17,250 --> 00:04:22,050
如果我們沒有得到，它告訴我們，查詢正確添加到我們的應用程序錯誤。

48
00:04:22,560 --> 00:04:40,350
因此，一個更好的方式來組織，這是真正把這些稱為的lib一個單獨的目錄只是讓我們可以從庫中的JavaScript文件分開我們自己的JavaScript文件，讓我們不要混淆，我們不擾亂我們的目錄結構，所以它不是強制性的。

49
00:04:40,350 --> 00:04:42,220
正如你看到的，我們有周杰倫的查詢工作。

50
00:04:42,540 --> 00:04:46,320
但是，一個更好的方式來做到這一點是建立一個目錄，我們可以調用這個東西。

51
00:04:46,440 --> 00:04:48,320
你可以稱之為J型曲線，如果你想。

52
00:04:48,480 --> 00:04:51,820
我要去以lib，然後我需要在這裡改變我的鏈接。

53
00:04:51,840 --> 00:04:59,330
我的來源是LIB斜線周杰倫查詢沖向一點一點四年我會盡我的。

54
00:04:59,550 --> 00:05:01,140
是的，你沒有這樣做。

55
00:05:01,140 --> 00:05:03,660
有沒有在功能上沒有任何區別。

56
00:05:03,660 --> 00:05:07,980
唯一不同的是，這是更快的加載，但我需要在這裡有一個。

57
00:05:08,220 --> 00:05:10,350
因此，要重申我們不需要他們兩個。

58
00:05:10,380 --> 00:05:13,810
我們只需要一個，我們需要正確地鏈接到該之一。

59
00:05:14,250 --> 00:05:15,670
因此，讓我們驗證它的工作。

60
00:05:15,710 --> 00:05:18,660
如果我刷新率效果很好。

61
00:05:18,720 --> 00:05:25,680
您可以J類的查詢，我們也可以鍵入美元符號如果這些工作中，我們知道，表的查詢是否正確安裝。

62
00:05:26,070 --> 00:05:31,640
所以這是第一種方式，我們可以在本地下載一個查詢，然後鏈接到它的腳本標記。

63
00:05:31,840 --> 00:05:45,750
還有另一種選擇，雖然這是使用CD光盤，並表示內容分發網絡，把它看成僅僅霎那從網上的文件，而不必實際將其下載到您的計算機的一種方式。

64
00:05:45,810 --> 00:05:53,680
所以，我會告訴你，如果我們只是複製這個你阿雷爾這裡恰好是AJ queery CDN 2.0 1.4版本。

65
00:05:53,770 --> 00:05:58,660
如果我只是去到你URL，你會看到，它只是在這裡殲科瑞文件。

66
00:05:58,920 --> 00:06:09,850
我們所能做的就是連結此您阿雷爾或任何其他Ĵqueery CD，你知道有就行了他們很多，而且會以同樣的方式作為鏈接到該文件在這裡本地。

67
00:06:09,870 --> 00:06:20,410
唯一不同的是，這將實際加載快一點點，因為它是我們的計算機上的本地，如果我們用CD取代它，那麼它不會出現明顯的給我們。

68
00:06:20,530 --> 00:06:30,430
但引擎蓋下它確實需要一點時間，但當然這是一個極大的方便，更易於使用，因為我們不必下載周杰倫查詢的副本，我們讓每個應用程序。

69
00:06:30,780 --> 00:06:33,010
所以，我會刷新。

70
00:06:33,750 --> 00:06:37,350
如果我們在這裡J類查詢應該還是工作，它的作用。

71
00:06:37,770 --> 00:06:40,190
最後，我會告訴你我是如何發現CDN。

72
00:06:40,230 --> 00:06:50,770
只需打開一個新標籤，尋找周杰倫加元和queery如果我們只是做了加元搜索，然後任何其他庫，這將在後面看到一些其他的。

73
00:06:50,810 --> 00:06:52,110
邁克Ĵ查詢。

74
00:06:52,110 --> 00:06:53,650
你會看到，我們會有一堆的鏈接。

75
00:06:53,850 --> 00:06:55,850
所以周杰倫查詢有一個官方的。

76
00:06:55,860 --> 00:07:02,880
有CDN的道奇城NJ小號點com，我們有一堆，你要不在這裡，我們可以複製。

77
00:07:02,910 --> 00:07:07,040
我們不得不注意的版本，所以這是3.00。

78
00:07:07,200 --> 00:07:14,210
如果我們去2.20點4它給了我們一個解壓縮普通版本和修改後的版本。

79
00:07:14,470 --> 00:07:17,090
而只是為了告訴你，如果我去，你是好。

80
00:07:17,310 --> 00:07:18,720
我看到他們在一個文件中的文件。

81
00:07:19,110 --> 00:07:20,490
因此收官。

82
00:07:20,700 --> 00:07:22,130
兩種方法都可行。

83
00:07:22,230 --> 00:07:32,000
我們需要在這兩種情況下的腳本標籤，但來源於將是一個本地文件或某個地方的，我們要鏈接到使用CDN承載的文件。

84
00:07:32,100 --> 00:07:36,870
你想要做的最後一件事就是給你的她法院看起來像一個快速30秒預覽。

85
00:07:37,110 --> 00:07:39,930
因此，這裡是一個什麼樣Ĵ查詢看起來像一點點。

86
00:07:39,930 --> 00:07:45,300
您可能會注意到的第一件事是有四個不同的地方使用一個美元符號。

87
00:07:45,300 --> 00:07:51,480
我們有一堆如DOM點擊即見SS點淡出點remove方法。

88
00:07:51,690 --> 00:08:04,940
所以這段代碼實際上做的是選擇具有ID觸發一個按鈕，點擊它時，它運行所有代碼和它的點擊時，我們要改變身體的背景顏色為黃色。

89
00:08:04,980 --> 00:08:08,290
我們要在頁面上淡出的所有圖像。

90
00:08:08,370 --> 00:08:15,340
這將需要3秒淡出出來，然後當淡出完成後，我們打算從頁面刪除這些三幅圖像。

91
00:08:15,750 --> 00:08:18,380
所以點擊與IDF觸發按鈕。

92
00:08:18,390 --> 00:08:23,580
改變車身顏色淡出3秒以上的圖像，然後刪除圖像他們完成時。

93
00:08:23,970 --> 00:08:26,640
好吧所以這是一個查詢的速度預覽。

94
00:08:26,730 --> 00:08:29,100
現在，讓我們真正開始寫一些在未來的視頻。