1
00:00:00,260 --> 00:00:01,440
OK 우리는 되돌아 올 것이다.

2
00:00:01,440 --> 00:00:06,810
지금까지 우리는 J Querrey로 요소를 선택하는 방법과 우리가 그것을 조작 할 수있는 방법에 대해서 이야기했습니다.

3
00:00:06,990 --> 00:00:11,790
이제 J 쿼리의 이벤트 인 마지막 큰 누락 된 부분을 소개하겠습니다.

4
00:00:11,850 --> 00:00:13,700
그러니 바닐라 제이 ..

5
00:00:13,740 --> 00:00:17,780
이벤트 리스너를 추가 할 때 이벤트 리스너라는 메서드를 사용했습니다.

6
00:00:18,150 --> 00:00:22,230
글쎄, Jay는 이벤트와 관련된 수많은 메소드를 가지고 있습니다.

7
00:00:22,350 --> 00:00:28,190
그래서 저는 Jake에서 이벤트 섹션을 열었습니다. 여기에서 이벤트를 클릭하기 만하면됩니다.

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
세 가지 방법이 빠른 키 누름과 동시에 99 %입니다.

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
따라서 Jay 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
이제는 Jay queery가 CDN으로 포함 된 간단한 HTL 페이지가 있습니다.

29
00:02:03,750 --> 00:02:10,730
그리고 Jay 쿼리 이벤트를 추가하자. 그리고 몇 가지 버튼을 추가 할 것이다.

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
따라서 브라우저에서 저장하고 열어서 J가로드되었는지 항상 확인합니다.

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이 화면을 가로 질러서 CSSA 문제를 일으키기 때문에 CSS의 문제를 해결할 수 있기 때문에 여기서는 문제가 발생하지 않지만 하나의 요소를 클릭 할 때만 문제가 발생합니다.

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
그리고 이것은 어떤 버튼이 클릭 될 때마다 실행될 것이고 우리는 그냥 경고 버튼을 클릭하고 Enter를 누르십시오.

48
00:04:27,630 --> 00:04:35,470
그리고 지금 내가 거기에있는 버튼 중 하나를 클릭하면 버튼 클릭 버튼을 클릭하고 종료 버튼을 클릭하십시오.

49
00:04:35,490 --> 00:04:41,150
그래서 buttonall 컬렉션에 이벤트 리스너를 추가하려면 vanilla 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의 배경이 될 것이고 우리는 그것을 분홍색으로 바꿀 것입니다.

56
00:05:30,450 --> 00:05:36,090
따라서 문제는 바닐라 자바 ​​스크립트로 Dotsie CSSA를 호출하고 다시 호출하는 것입니다.

57
00:05:36,090 --> 00:05:37,360
우리는 이것을 사용할 것입니다.

58
00:05:37,380 --> 00:05:49,720
이 키워드는 클릭 한 요소를 가리키는 핵심 단어로, 우리가해야 할 일을 제대로 수행하지 못하는 NJ 쿼리는 JQuerrey 버전을 사용합니다.

59
00:05:49,950 --> 00:05:53,010
이것은 항상 혼란스러운 생각입니다.

60
00:05:53,010 --> 00:06:03,830
나는 Shakeri가하는 일이 평범한 바닐라를 필요로한다는 것을 기억하는 데 도움이된다고 생각합니다. 그렇습니다. 그리고 그것은 Jay 질의에 포장하고 그것은 J.A.G입니다. 포옹하고 그것을 몇 가지 특별한 속성과 방법을 제공합니다.

61
00:06:03,840 --> 00:06:12,660
따라서 우리가 J 쿼리 메소드 인 dot CSSA를 사용하려면 J 쿼리 객체에서 CSSA를 실행해야합니다.

62
00:06:12,660 --> 00:06:17,560
그래서 평범한 오래된 바닐라 자바 ​​스크립트입니다.

63
00:06:17,670 --> 00:06:21,440
그래서 우리는 그것을 감싸서 이것이 J 쿼리 버전이라고 말해야합니다.

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
또한 로그와 Walcott의 성인이 클릭 한 텍스트를 기록한다는 취소를 할 수 있습니다.

70
00:06:55,650 --> 00:07:22,430
그래서 당신이 클릭 한 것과 비슷할 것입니다. 그런 다음 이것을 저장하는 변수를 만들 것입니다. 변수 텍스트는이 점에 달러 기호를 붙이고 텍스트를 거기에서 꺼내기 위해 텍스트 메서드를 사용해야합니다. 변수 이름 인 텍스트를 클릭하여 입력하십시오.

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
그리고 마지막으로 우리가 클릭 한 요소를 참조하기를 원하면 달러 기호를 사용해야합니다. 이것은 J queery 래퍼 인 J.A.G.입니다. 버전의 바닐라.