1
00:00:00,300 --> 00:00:03,940
所以，現在我們已經討論了為什麼你應該關心的Domm為什麼它是令人興奮的。

2
00:00:03,990 --> 00:00:07,640
而且我們也談到了這是什麼什麼文檔對象模型的手段。

3
00:00:07,680 --> 00:00:15,130
這只是每個元素的使用JavaScript頁面上的模型，這一事實對象頂級對象稱為文檔。

4
00:00:15,240 --> 00:00:18,340
所以這是偉大的，但我們並沒有看到如何做任何與它。

5
00:00:18,390 --> 00:00:23,460
因此，在這個視頻我將簡要介紹使用狗操縱事情的過程。

6
00:00:23,790 --> 00:00:29,630
所以，我的整個過程歸結為兩個關鍵字選擇和操作。

7
00:00:29,670 --> 00:00:47,840
所以就像看評價，我們寫一個選擇器選擇與類的特殊或所有的H一或全部圖像標記，我們選擇元素，然後我們應用樣式像背景顏色紫色的邊界一個像素的純黑色與JavaScript和DOM和人口東西。

8
00:00:47,850 --> 00:00:51,380
我們還選擇元素，雖然我們在一個非常不同的方式做到這一點。

9
00:00:51,480 --> 00:01:01,260
我們編寫JavaScript代碼肚裡，並選擇元素，並返回他們回來給我們，然後我們更改屬性在他們身上，所以我們選擇的東西，然後我們操縱它。

10
00:01:01,290 --> 00:01:09,750
因此，在接下來的幾張幻燈片，我要告訴你，他怎麼能選擇該H-1我的頭，以及我們如何可以改變它是粉紅色。

11
00:01:09,750 --> 00:01:15,290
我一直在這說了很多在過去幾年的影片，但我不希望你把重點放在語法不亞於概念。

12
00:01:15,330 --> 00:01:18,930
接下來的幾部影片將進入選擇和操作的細節問題。

13
00:01:18,930 --> 00:01:21,150
這只是它是如何工作的概述。

14
00:01:21,150 --> 00:01:25,600
因此，在這張幻燈片上，我將告訴你如何選擇H1，正如與C.

15
00:01:25,620 --> 00:01:28,580
有很多的選擇給定元素的不同方式。

16
00:01:28,800 --> 00:01:36,920
在這種情況下，該行代碼文檔點查詢選擇器H-1是要選擇此頁面上的H-1。

17
00:01:37,050 --> 00:01:40,960
所以，我在這裡強調這個綠框，所以你可以看到的被選擇了什麼。

18
00:01:41,340 --> 00:01:48,640
如此反复變種H-1，這只是任何我們想要的任何變量等於文檔查詢選擇8：1。

19
00:01:48,690 --> 00:01:52,420
所以我們會花更多的時間與查詢，選擇並確定它是什麼，它是如何工作的。

20
00:01:52,470 --> 00:01:59,920
但它返回表示此H1的對象，並將其保存，在H-1的變量。

21
00:01:59,970 --> 00:02:02,190
所以這是選擇的過程。

22
00:02:02,190 --> 00:02:11,170
接下來的部分是操控它，操縱它，我可以做各種各樣的事情和所有我要在這裡做的就是改變顏色是粉紅色。

23
00:02:11,490 --> 00:02:18,470
所以，我們只寫了H-1是我們的變量有代表H-1點樣式的對象。

24
00:02:18,510 --> 00:02:25,580
這是一個屬性和樣式屬性是帶著一幫其他的屬性和顏色的一個巨大的物體就是其中之一。

25
00:02:25,920 --> 00:02:28,920
因此，H-1確實風格，但顏色等於粉紅色。

26
00:02:28,920 --> 00:02:30,240
然後，這就是我們要做的。

27
00:02:30,270 --> 00:02:37,500
而瀏覽器看到我改變屬性，以粉紅色和自動更新最新通過將其粉紅色顯示。

28
00:02:37,500 --> 00:02:41,140
所以，我們選擇了這裡，然後我們操作。

29
00:02:42,120 --> 00:02:43,560
所以，我在這裡有一個例子。

30
00:02:43,610 --> 00:02:45,230
這是一個有點複雜。

31
00:02:45,240 --> 00:02:52,940
我們正在做一個很簡單的動畫，其中每一秒鐘我們改變了藍色和白色之間身體的背景顏色。

32
00:02:52,950 --> 00:02:58,620
所以我們需要做的首先是選擇身體，然後操縱它，選擇它。

33
00:02:58,740 --> 00:03:06,720
我一直在使用這再次我們要回來了查詢選擇身體的下一個視頻文件的轉儲文件查詢選擇另一條線路。

34
00:03:06,780 --> 00:03:15,450
所以這給了我身體的元素在這裡它實際上給了我對象表示它的模型，我保存在體內的變量。

35
00:03:15,450 --> 00:03:23,940
然後，我有這個變量是藍色這只是我要去使用，因為我需要知道，如果我從藍色將白色或類白色藍布爾值。

36
00:03:24,030 --> 00:03:28,870
因此，它開始作為假的，然後我用，我們在幾年前蓋設置的時間間隔。

37
00:03:28,920 --> 00:03:32,230
如果你不記得它是如何工作的，它基本上有兩個參數。

38
00:03:32,340 --> 00:03:39,030
第一個是一些代碼來運行一個函數，第二個是一個數字或以毫秒為單位的時間。

39
00:03:39,150 --> 00:03:46,230
因此，需要這個數毫秒這是一千或一秒鐘，每一秒它會調用這個代碼。

40
00:03:46,560 --> 00:03:51,080
那麼，這段代碼是檢查，如果背景是藍色的當前，如果它是。

41
00:03:51,180 --> 00:03:56,330
然後，我們改變它是白色的，如果背景是白色的，然後我們把它改為藍色。

42
00:03:56,610 --> 00:04:00,030
所以要仔細看看，我們有我們的，如果是藍色的。

43
00:04:00,120 --> 00:04:01,640
所以，這只是變量。

44
00:04:01,650 --> 00:04:02,900
它一開始使用假的。

45
00:04:02,910 --> 00:04:07,890
所以第一次加載頁面的背景是白色的是藍色的是假的。

46
00:04:07,920 --> 00:04:16,570
所以，這行不運行，但此人做其他人的身體一樣風格的深色背景等於這個十六進制顏色是藍色。

47
00:04:16,770 --> 00:04:18,840
使得改變的背景是藍色的。

48
00:04:19,140 --> 00:04:22,960
於是我們就改變我們的是藍色的變量，從虛假到真實的。

49
00:04:23,130 --> 00:04:27,690
而這與感嘆號或者運營商不這樣做的一個很好的方式排序。

50
00:04:27,780 --> 00:04:32,550
所以，那麼這段代碼再次運行下一次是藍色已經成為事實。

51
00:04:32,850 --> 00:04:36,870
所以這個代碼並運行的身體一樣的風格，但背景等於白。

52
00:04:36,870 --> 00:04:38,550
所以，現在我們要回白色。

53
00:04:38,670 --> 00:04:42,980
這不運行，那麼我們改變的是藍色的回假。

54
00:04:43,290 --> 00:04:44,980
並且不斷去永遠。

55
00:04:45,090 --> 00:04:49,950
所以，不是說你真的願意為分散注意力的背景顏色，改變每一秒的東西。

56
00:04:50,190 --> 00:04:57,450
但是，這並去表明我們可以做的事情比黑只是改變了H1粉色更加複雜。

57
00:04:57,450 --> 00:05:06,260
所以，包裝這一切了兩個字選擇操作我們選擇我們抓住一些對象代表的元素，然後我們做的東西給他們。

58
00:05:06,750 --> 00:05:12,370
所以本裝置的其餘部分將被集中於選擇的不同的方法和操作的隨後的不同方式。

59
00:05:12,390 --> 00:05:17,190
所以接下來的視頻是要深入了解使用JavaScript選擇元素的不同方式。

60
00:05:17,190 --> 00:05:19,470
我們已經見過一個已經queery選擇。