1
00:00:00,260 --> 00:00:01,440
OK wrócimy.

2
00:00:01,440 --> 00:00:06,810
Do tej pory rozmawialiśmy o tym, jak możemy wybrać elementy z J Querrey, a także w jaki sposób możemy nimi manipulować.

3
00:00:06,990 --> 00:00:11,790
Teraz mamy zamiar przedstawić ostateczną duży brakujący element, który jest wydarzenia J zapytania.

4
00:00:11,850 --> 00:00:13,700
Więc wracam do waniliowym J.S ..

5
00:00:13,740 --> 00:00:17,780
Gdy dodaliśmy detektory zdarzeń użyliśmy metody nazywanej detektor zdarzeń.

6
00:00:18,150 --> 00:00:22,230
Cóż okazuje się, że Jay gdzie ma mnóstwo metod, które mają do czynienia z wydarzeniami.

7
00:00:22,350 --> 00:00:28,190
Więc mam sekcję zdarzenia otwarty na Jake'a, gdzie może dostać się tam po prostu klikając na imprezach tutaj.

8
00:00:28,260 --> 00:00:32,720
Tak jak ja przewijać tutaj można zobaczyć, jak wiele.

9
00:00:32,810 --> 00:00:37,210
Metody zdarzeń Coria istnieją chikor chodzi o tony nich.

10
00:00:37,230 --> 00:00:41,820
Więc co mam zamiar zrobić, to zwrócić uwagę na trzy najważniejsze z nich trzech, które można użyć.

11
00:00:41,830 --> 00:00:49,190
Dziewięćdziesiąt dziewięć procent czasu te trzy metody są krótkie naciśnięcie klawisza i.

12
00:00:49,650 --> 00:00:53,010
I powiedział, że te trzy można użyć 99 procent.

13
00:00:53,160 --> 00:00:55,950
To właściwie bardziej jak ten tutaj.

14
00:00:55,950 --> 00:00:58,050
Można użyć 99 procent.

15
00:00:58,110 --> 00:01:04,600
Więc mam zamiar pokazać kliknąć i nacisnąć przycisk pierwszy ale mój głównym celem jest pokazanie, w jaki sposób jest niesamowite.

16
00:01:05,130 --> 00:01:06,450
Więc zacznijmy.

17
00:01:06,450 --> 00:01:14,620
Więc Jay equerries szybka metoda jest jak możemy bardzo szybko i łatwo dodać kliknij słuchacza do pojedynczego elementu lub zbioru elementów.

18
00:01:14,730 --> 00:01:18,210
Więc widać, mam dwa przykłady w tym przypadku.

19
00:01:18,210 --> 00:01:22,070
Ja wybierając coś, a następnie dodanie kliknij słuchacza za pomocą jednego kliknięcia.

20
00:01:22,290 --> 00:01:26,070
Tak więc wybrać coś z ideą przedstawienia prowadzimy.

21
00:01:26,100 --> 00:01:34,470
Kliknij na niego, a następnie przechodzimy do funkcji wywołania zwrotnego, a to funkcja zwrotna zostanie uruchomiony, gdy coś z ideą przedstawienia kliknięciu.

22
00:01:34,680 --> 00:01:37,400
A ponieważ jest to identyfikator jest tylko jeden na stronie.

23
00:01:37,530 --> 00:01:40,920
Kiedy więc, że jeden element jest kliknął ten kod jest uruchamiany.

24
00:01:41,340 --> 00:01:46,650
Jeśli spojrzeć tutaj widać, że mam wybór wszystkich przycisków znajdujących się na stronie, która to może być jeden.

25
00:01:46,650 --> 00:01:51,080
Może to być 10 przycisków i Dodaję kliknij słuchacza do wszystkich z nich.

26
00:01:51,120 --> 00:01:55,800
Więc za każdym razem przycisk jest szybki będzie ostrzegać kogoś kliknij przycisk.

27
00:01:55,830 --> 00:01:56,760
Więc pozwól mi udowodnić, że.

28
00:01:56,750 --> 00:02:03,480
Teraz mam to prosta strona HTL z Jay queery włączone jako CDN.

29
00:02:03,750 --> 00:02:10,730
A ja zamierzam dodać zróbmy Jay wydarzenia zapytania i dodam w ciągu kilku przycisków.

30
00:02:11,370 --> 00:02:15,240
Więc pierwszy mówię nie mnie poprawić.

31
00:02:16,020 --> 00:02:21,230
A potem następny powie poważnie ok ja.

32
00:02:21,390 --> 00:02:27,690
A ostatni z nich będzie powiedzieć, że to ostatnie ostrzeżenie.

33
00:02:28,080 --> 00:02:36,300
Więc będziemy zapisywać i otwierać w przeglądarce i zawsze po prostu sprawdzić, J załadowany.

34
00:02:38,320 --> 00:02:38,780
OK.

35
00:02:38,850 --> 00:02:40,040
Wygląda dobrze.

36
00:02:40,650 --> 00:02:46,110
Więc zaczniemy łatwe tutaj dodając krótki słuchacza do tego H-1 i jest tylko jeden na stronie.

37
00:02:46,110 --> 00:02:50,170
Więc po prostu trzeba najpierw wybrać ze znakiem dolara.

38
00:02:50,680 --> 00:02:55,610
A więc taki, który daje nam prawo H-1, która tylko jeden, a potem uruchomić.

39
00:02:55,640 --> 00:03:03,670
Nie klikaj na ten temat, a następnie musimy przekazać w funkcji wywołania zwrotnego, który będzie uruchomiony, gdy klikniemy na tej H-1.

40
00:03:03,690 --> 00:03:24,940
Więc za kulisy kliknij wykorzystuje detektor zdarzeń i to dodanie kliknij słuchacza w tym H-1 i możemy albo zrobić anonimową funkcję, która jest o wiele bardziej powszechne, aby zobaczyć, ale nieco bardziej skomplikowane dla nowych studentów albo możemy napisać o nazwie funkcji oddzielnie, a następnie podać nazwę tej funkcji tutaj.

41
00:03:25,260 --> 00:03:27,900
Ale jak powiedziałem funkcje anonimowe są bardziej powszechne.

42
00:03:28,200 --> 00:03:42,380
Więc to, co chcemy zrobić, to po prostu ostrzec każdy poprawny i będę wciśnij enter tu i teraz, gdy kliknę na ten H-1 zobaczysz uzyskać H-1 zamknąć i tak się nie dzieje na każdym innym elemencie.

43
00:03:42,630 --> 00:03:54,990
Zdarza się tu pamiętać, bo moja H-1 przechodzi przez całą drogę po ekranie tak, że CSSA problemem, jeśli chcę zmienić rozmiar jednego, ale to zdarza się tylko, kiedy klikniesz na jednym elemencie.

44
00:03:54,990 --> 00:04:00,020
Teraz to, co chcę zrobić, to pokazać w jaki sposób możemy dodać szybkie słuchacza zbiór elementów.

45
00:04:00,150 --> 00:04:02,530
Więc mam zamiar wybrać wszystkie przyciski tutaj.

46
00:04:02,640 --> 00:04:14,050
Więc przycisk znak dolara, a następnie dodamy kliknięcie ot tak i możemy przekazać w funkcji anonimowej ponownie jako naszego zwrotnego.

47
00:04:14,580 --> 00:04:27,130
I będzie to działać, gdy dowolny przycisk zostanie kliknięty, a my po prostu zrobić powiadomienie kliknij przycisk tak po prostu i wciśnij enter.

48
00:04:27,630 --> 00:04:35,470
A teraz, gdy klikam na któryś z tych przycisków tam idziemy kliknięciu przycisku Przycisk kliknij przycisk Quit.

49
00:04:35,490 --> 00:04:41,150
Więc wracam do wanilii javascript, aby dodać detektor zdarzeń do kolekcji przycisków.

50
00:04:41,190 --> 00:04:54,780
Musiałbym je również wybrać z selektora zapytania całości lub uzyskać elementy o nazwie znacznika, a potem będę musiał użyć dla pętli do pętli przez wszystkie z nich, a potem będę musiał osobno dodać detektor zdarzeń, które być jasne dzieje za kulisami.

51
00:04:54,870 --> 00:05:05,660
Ale wszystko, co musisz zrobić, to napisać ten wiersz i że pętla dla mnie, że będzie dodać detektory zdarzeń indywidualnie co sprawia, że ​​jej życie bardzo proste, a nie tylko uczenie kliknięciu przycisku.

52
00:05:05,820 --> 00:05:10,940
Co zrobić, jeśli chcę zmienić styl zmienić kolor tła przycisku, który został kliknięty.

53
00:05:11,430 --> 00:05:13,970
Więc muszę ponownie dodać kliknij słuchacza.

54
00:05:13,970 --> 00:05:16,780
Jestem po prostu na strzałkę w górę i zamiast ostrzegania.

55
00:05:17,040 --> 00:05:30,290
Co zrobimy to zmienić kolor tła tak, że będzie to coś, że C-y s t a my zmienić to być różowe.

56
00:05:30,450 --> 00:05:36,090
Więc chodzi o to co mamy wywołanie Dotsie CSSA na iz powrotem z wanilii javascript.

57
00:05:36,090 --> 00:05:37,360
Chcemy to wykorzystać.

58
00:05:37,380 --> 00:05:49,720
Kluczowym słowem to i to odnosi się do elementu, który został kliknięty na zapytanie NJ jednak, że nie będzie dość pracy, co musimy zrobić, to skorzystać z wersji J Querrey tego.

59
00:05:49,950 --> 00:05:53,010
To jest zawsze trochę mylące pomysłu.

60
00:05:53,010 --> 00:06:03,830
Myślę, że to pomaga, aby pamiętać, że to co robi jest Shakeri trwa plain vanilla Tak i zawija je w Jay zapytania i to duża J.A.G. przytulić i to daje mu pewne szczególne właściwości i metody.

61
00:06:03,840 --> 00:06:12,660
Więc jeśli chcemy używać kropki CSSA która jest metodą zapytanie J musimy upewnić się, że używasz go na obiekcie zapytania J.

62
00:06:12,660 --> 00:06:17,560
Więc po prostu stary jest to regularne wanilii javascript tego.

63
00:06:17,670 --> 00:06:21,440
Więc musimy otoczyć ją i powiedzieć to jest to wersja zapytanie J.

64
00:06:21,660 --> 00:06:23,190
Warto więc sprawdzić, czy na zewnątrz.

65
00:06:23,370 --> 00:06:32,460
Hit wprowadzić tu i teraz niech kliknąć na przycisk najpierw musimy tego wpisu, ponieważ nigdy nie pozbyła się tego pierwszego kliknięcia słuchacza.

66
00:06:32,880 --> 00:06:40,280
A potem tło zmienia się na różowy i widać, że stanie się z każdym z nich, że kliknę.

67
00:06:40,440 --> 00:06:42,010
Możemy również zrobić coś takiego.

68
00:06:42,030 --> 00:06:47,610
Więc hit strzałkę w górę i odśwież stronę, a nie tylko zmieniając je za różowo.

69
00:06:47,670 --> 00:06:55,540
Możemy również zrobić anulować tego dziennika i dorosłych Walcotta rejestrować tekst przycisku, który został kliknięty.

70
00:06:55,650 --> 00:07:22,430
Więc byłoby to coś jak kliknąłeś Plus, a potem zrobię zmienna do przechowywania to tak zmienny tekst równa dolara to kropka i uzyskać ten tekst z tam po prostu trzeba użyć metody tekstowej, podobnie jak tego, że Kaso zalogować kliknąłeś nam tekst, który jest nasza nazwa zmiennej i wejść.

71
00:07:22,920 --> 00:07:27,510
A teraz, jeśli kliknę jeden kliknąłeś nie klikaj mnie kliknąłeś.

72
00:07:27,540 --> 00:07:28,890
To jest ostatnie ostrzeżenie.

73
00:07:29,460 --> 00:07:30,360
I kliknąłeś.

74
00:07:30,420 --> 00:07:31,830
Poważnie nie klikaj mnie.

75
00:07:32,190 --> 00:07:32,640
OK.

76
00:07:32,670 --> 00:07:33,930
Więc to wszystko będę wykazywać temat.

77
00:07:33,930 --> 00:07:34,650
Kliknij.

78
00:07:34,650 --> 00:07:39,520
Podsumowując możemy dodać detektor jednego elementu naraz tak jak my dla H-1.

79
00:07:39,780 --> 00:07:43,870
Albo możemy to zrobić do kolekcji czyli tam, gdzie to naprawdę staje się przydatna.

80
00:07:43,890 --> 00:07:53,670
I wtedy wreszcie, jeśli chcemy odnieść się do elementu, który został kliknięty musimy użyć dolara to co jest queery J opakowującego J.A.G. wersja wanilii.