1
00:00:00,260 --> 00:00:01,440
OK，我們會回來的。

2
00:00:01,440 --> 00:00:06,810
到目前為止，我們已經談論我們如何可以選擇為J·奎裡的元素，以及如何我們可以操縱他們。

3
00:00:06,990 --> 00:00:11,790
現在我們要介紹的最後大缺少的部分是使用J查詢事件。

4
00:00:11,850 --> 00:00:13,700
所以，回想起香草J.S ..

5
00:00:13,740 --> 00:00:17,780
當我們添加事件偵聽器，我們使用了一種名為事件偵聽器的方法。

6
00:00:18,150 --> 00:00:22,230
那麼事實證明，周杰倫，他有一噸的那些與事件做的方法。

7
00:00:22,350 --> 00:00:28,190
所以，我有活動節上傑克開在那裡，他可以只需點擊這裡事件到達那裡。

8
00:00:28,260 --> 00:00:32,720
因此，正如我在這裡通過滾動你可以看到有多少。

9
00:00:32,810 --> 00:00:37,210
科里亞事件的方法有很chikor它帶有一噸他們。

10
00:00:37,230 --> 00:00:41,820
那麼我現在要做的就是突出三個最重要的三個，你可以使用。

11
00:00:41,830 --> 00:00:49,190
時百分之九十九的三種方法是快速按鍵和。

12
00:00:49,650 --> 00:00:53,010
我說，這三個可以使用的99％的時間。

13
00:00:53,160 --> 00:00:55,950
它實際上更像是這一個就在這裡。

14
00:00:55,950 --> 00:00:58,050
您可以使用99％的時間。

15
00:00:58,110 --> 00:01:04,600
所以，我要告訴你點擊按鍵第一，但我的主要目的是向你展示方法如何真棒是。

16
00:01:05,130 --> 00:01:06,450
所以，讓我們開始吧。

17
00:01:06,450 --> 00:01:14,620
所以周杰倫equerries快捷的方法是我們如何能夠非常迅速和方便地添加一個點擊監聽到一個單一的元素或元素的集合。

18
00:01:14,730 --> 00:01:18,210
所以你可以看到我在這種情況下，兩個例子。

19
00:01:18,210 --> 00:01:22,070
我選擇的東西，然後添加一個點擊監聽一次點擊。

20
00:01:22,290 --> 00:01:26,070
所以，我們選擇與我們提交運行想法的東西。

21
00:01:26,100 --> 00:01:34,470
點擊它，然後我們傳遞一個回調函數，並點擊提交用的想法的東西時，這個回調函數將會運行。

22
00:01:34,680 --> 00:01:37,400
而且因為它是一個ID只有一個頁面上。

23
00:01:37,530 --> 00:01:40,920
所以，當點擊一個項目時運行這些代碼。

24
00:01:41,340 --> 00:01:46,650
如果你看看這兒你可以看到，我選擇它可以是一個頁面上的所有按鈕。

25
00:01:46,650 --> 00:01:51,080
這可能是10個按鈕和我加入一個點擊監聽到所有的人。

26
00:01:51,120 --> 00:01:55,800
因此，任何時候一個按鈕快它會提醒某人單擊按鈕。

27
00:01:55,830 --> 00:01:56,760
因此，讓我證明。

28
00:01:56,750 --> 00:02:03,480
現在我有與周杰倫queery一個簡單的HTL頁面包含一個CDN。

29
00:02:03,750 --> 00:02:10,730
而且我要加入讓我們做周杰倫查詢事件，我會在幾個按鈕添加。

30
00:02:11,370 --> 00:02:15,240
所以第一個我說不要指正。

31
00:02:16,020 --> 00:02:21,230
再下一個會說嚴重OK我。

32
00:02:21,390 --> 00:02:27,690
而最後一個會說這是最後一次警告你。

33
00:02:28,080 --> 00:02:36,300
因此，我們將保存在瀏覽器中打開這一點，永遠只是檢查，殲加載。

34
00:02:38,320 --> 00:02:38,780
好。

35
00:02:38,850 --> 00:02:40,040
看起來不錯。

36
00:02:40,650 --> 00:02:46,110
因此，我們將在這裡輕鬆通過添加一個快速的監聽器，這種H-1開始，只是有一個頁面上。

37
00:02:46,110 --> 00:02:50,170
所以，我們只需要選擇第一個美元符號。

38
00:02:50,680 --> 00:02:55,610
因此一個，讓我們僅一個，然後我們運行右H-1。

39
00:02:55,640 --> 00:03:03,670
不要點擊這一點，那麼我們就需要我們的時候點擊該H-1這將運行一個回調函數來傳遞。

40
00:03:03,690 --> 00:03:24,940
所以在幕後點擊使用事件偵聽器，它的加入點擊聽眾對這個H-1，我們可以做一個匿名函數，它是方式更常見到，但有些更嚇人的新學員，或者我們可以寫一個命名函數分開，然後在這裡傳遞函數的名稱。

41
00:03:25,260 --> 00:03:27,900
但是就像我說的匿名函數的方式更為常見。

42
00:03:28,200 --> 00:03:42,380
所以我們想要做的就是提醒每一個正確的，我會打進入這裡，現在，如果我點擊這個H-1，你會看到我拿到H-1退出並沒有任何其他元素上發生。

43
00:03:42,630 --> 00:03:54,990
因為我的H-1去所有的方式在屏幕上它確實發生在這裡要記住，這樣綜援問題，如果我想改變的人的規模，但是當我點擊一個元素上才會發生。

44
00:03:54,990 --> 00:04:00,020
現在我想要做的就是展示我們如何能夠快速的偵聽器添加到元素的集合。

45
00:04:00,150 --> 00:04:02,530
所以我要在這裡選擇所有的按鈕。

46
00:04:02,640 --> 00:04:14,050
因此，一個美元符號按鈕，然後我們添加我們的點擊就這樣，我們可以在一個匿名函數再次通過為我們的回調。

47
00:04:14,580 --> 00:04:27,130
每當被點擊的按鈕，我們將只是做一個警報按鈕，點擊就這樣和回車這將會運行。

48
00:04:27,630 --> 00:04:35,470
而現在，如果我點擊任何這些按鈕，我們繼續點擊按鈕，點擊按鈕按鈕退出的。

49
00:04:35,490 --> 00:04:41,150
所以，回想著香草JavaScript的一個事件偵聽器添加到按鈕的集合。

50
00:04:41,190 --> 00:04:54,780
我有查詢選擇將其全部選中全部或獲取由標籤名的元素，然後我將不得不通過所有的人都用一個for循環來循環，然後我將不得不單獨添加事件監聽器要清楚正在發生的事情幕後。

51
00:04:54,870 --> 00:05:05,660
但是，所有我需要做的就是寫這行，對我來說將循環，將單獨添加的事件偵聽器，這使得她的生活真的很容易，而不僅僅是一個學習的按鈕點擊。

52
00:05:05,820 --> 00:05:10,940
如果我想改變風格改變被點擊按鈕的背景顏色。

53
00:05:11,430 --> 00:05:13,970
所以我需要重新添加點擊偵聽器。

54
00:05:13,970 --> 00:05:16,780
我只是在向上箭頭，而不是報警。

55
00:05:17,040 --> 00:05:30,290
我們要做的是改變背景顏色，以便將是一些C-S的背景，我們將它變為粉紅色。

56
00:05:30,450 --> 00:05:36,090
所以，問題是什麼，我們就調用Dotsie綜援和回用香草的JavaScript。

57
00:05:36,090 --> 00:05:37,360
我們會用這個。

58
00:05:37,380 --> 00:05:49,720
關鍵字這個那個是指被點擊但是NJ查詢該元素將不是那麼回事了我們需要做的是使用本殲奎裡的版本。

59
00:05:49,950 --> 00:05:53,010
這始終是一個令人困惑的想法一點點。

60
00:05:53,010 --> 00:06:03,830
我認為它有助於記住什麼Shakeri確實是需要普通的香草是，它把它包裝周杰倫查詢和它的大J.A.G.擁抱它給它一些特殊的屬性和方法。

61
00:06:03,840 --> 00:06:12,660
因此，如果我們想用點綜援這是第j查詢方法，我們必須確保我們正在運行它第j查詢對象。

62
00:06:12,660 --> 00:06:17,560
所以，只是普通的老，這是常規的香草JavaScript本。

63
00:06:17,670 --> 00:06:21,440
因此，我們需要把它包起來，並告訴它這是殲查詢的版本。

64
00:06:21,660 --> 00:06:23,190
因此，讓我們測試了這一點。

65
00:06:23,370 --> 00:06:32,460
按下回車鍵這裡，現在讓我們點擊按鈕，首先我們有警報，因為我們從來沒有擺脫這種先點擊監聽器。

66
00:06:32,880 --> 00:06:40,280
然後將背景變為粉紅色，你可以看到會發生在每一個，我點擊。

67
00:06:40,440 --> 00:06:42,010
我們還可以做這樣的事情。

68
00:06:42,030 --> 00:06:47,610
所以我打的向上箭頭，我刷新頁面，而不是僅僅改變他們是粉紅色。

69
00:06:47,670 --> 00:06:55,540
我們也可以做一個取消日誌和沃爾科特的成人日誌被點擊的按鈕的文本。

70
00:06:55,650 --> 00:07:22,430
因此，它會像你點擊加號，然後我會成為一個變量來存儲這樣呢可變文本等於美元符號此點，並獲得該文本離開那裡，我們只需要使用文本的方法就是這樣的KASO登錄你點擊我們的文字是我們的變量名稱並輸入。

71
00:07:22,920 --> 00:07:27,510
現在，如果我點擊一個你點擊不要點擊我，你點擊。

72
00:07:27,540 --> 00:07:28,890
這是最後一次警告你。

73
00:07:29,460 --> 00:07:30,360
你點擊。

74
00:07:30,420 --> 00:07:31,830
說真的不要點擊我。

75
00:07:32,190 --> 00:07:32,640
好。

76
00:07:32,670 --> 00:07:33,930
所以，這就是我將演示一下。

77
00:07:33,930 --> 00:07:34,650
點擊。

78
00:07:34,650 --> 00:07:39,520
總之，我們可以在一個時間偵聽器添加到一個元素像我們一樣為H-1。

79
00:07:39,780 --> 00:07:43,870
或者我們可以這樣做是為了收集這是它真正變得非常有用。

80
00:07:43,890 --> 00:07:53,670
然後，最後如果我們想指的是被點擊我們需要使用美元符號這是殲queery包裝器J.A.G.元素版本香草的。