1
00:00:00,220 --> 00:00:02,490
좋아, 내가 이야기하고 싶은 세 가지 방법이 더있다.

2
00:00:02,520 --> 00:00:04,160
그리고 그들 모두는 매우 유사합니다.

3
00:00:04,170 --> 00:00:06,480
그들은 수업과 관련이 있습니다.

4
00:00:06,600 --> 00:00:15,510
따라서 클래스 목록 속성과 DOT Add를 다시 생각해보십시오. 클래스 목록과 함께가는 메소드를 제거하고 토글합니다.

5
00:00:15,510 --> 00:00:19,650
이들은 J.A.G. analogs 그래서 이것은 빠른 질문이 될 것입니다.

6
00:00:19,720 --> 00:00:21,600
정말 빨리 보여 주려고합니다.

7
00:00:21,720 --> 00:00:32,500
그래서 저는 HMO에 갈 것입니다. 그리고 제가 할 일은 스타일 태그를 정의하는 것입니다. 그리고 저는 두 번째 시간에 그것을 할 것입니다. 그리고 저는 몇 가지 클래스를 추가 할 것입니다. .

8
00:00:32,700 --> 00:00:34,350
그래서 첫 번째 것이 추가 될 것입니다.

9
00:00:34,380 --> 00:00:39,520
글쎄 그냥 Dot이라고 부르면 뭔가가 녹색으로 변하게됩니다.

10
00:00:39,540 --> 00:00:51,170
그래서 우리는 단지 색깔이있는 녹색을 할 것이고 우리는 다른 하나의 점을 틀리게 추가 할 것입니다. 그러면 색깔이 빨간색으로되고 분홍색이됩니다.

11
00:00:51,690 --> 00:01:05,160
그리고 마지막으로 To Do List와 같이 될 도트 작업을 수행 할 것입니다. 우리는 색상을 회색으로 처리하고 텍스트 장식은 Line through를 수행합니다.

12
00:01:05,700 --> 00:01:12,260
이제는 세 개의 클래스가 있고 이제 J 클래스를 사용하여 클래스를 추가하고 제거 할 것입니다.

13
00:01:12,900 --> 00:01:14,300
따라서 문서를 살펴 보겠습니다.

14
00:01:14,320 --> 00:01:15,300
그 중 한 명.

15
00:01:15,300 --> 00:01:18,640
add 클래스를 살펴 보겠습니다.

16
00:01:20,070 --> 00:01:27,360
일치하는 요소 세트의 각 요소에 지정된 클래스를 추가한다는 것을 알 수 있습니다.

17
00:01:27,360 --> 00:01:31,470
그러면 모든 단락에 두 개의 수업이 추가됩니다.

18
00:01:31,680 --> 00:01:39,770
클래스와 클래스를 모든 단락에 적용하면 한꺼번에 여러 클래스에 클래스를 할당하려는 경우에 유용합니다.

19
00:01:40,110 --> 00:01:41,640
그럼 다시 여기로 가자.

20
00:01:41,730 --> 00:01:47,360
그래서이 H-1이 녹색으로 바뀐 정확한 클래스를 갖도록 만드는 것으로 시작합시다.

21
00:01:47,490 --> 00:01:52,020
그래서 우리는 H-1을 선택합니다.

22
00:01:52,110 --> 00:01:56,030
그것은 클래스를 추가합니까?

23
00:01:56,040 --> 00:01:57,030
옳은.

24
00:01:57,180 --> 00:01:58,980
그냥 그렇게.

25
00:01:59,430 --> 00:02:00,520
그리고 그것은 녹색으로 변합니다.

26
00:02:00,540 --> 00:02:05,400
그리고 우리가 그것을 검사한다면 당신은 그것이 똑같은 클래스를 가지고 있음을 볼 수 있습니다.

27
00:02:05,940 --> 00:02:10,770
그리고 나서 우리는 같은 일을하기 위해 클래스를 제거 할 수 있지만 반대로 할 수 있습니다.

28
00:02:10,770 --> 00:02:12,960
그래서 H-1을 제거합니다.

29
00:02:12,960 --> 00:02:13,790
수업.

30
00:02:14,040 --> 00:02:15,180
옳은.

31
00:02:15,330 --> 00:02:21,620
해당 요소에서 올바른 클래스를 제거하고 더 이상 해당 클래스를 갖지 않습니다.

32
00:02:22,290 --> 00:02:24,480
그래서 우리는 그것을 컬렉션에 할 수 있습니다.

33
00:02:24,480 --> 00:02:28,290
그래서 우리는 모든 동맹국을 선택할 것입니다.

34
00:02:28,770 --> 00:02:32,330
우리는 그것들 중 세 개를 얻고 우리는 그 반을 추가 할 것입니다.

35
00:02:32,640 --> 00:02:35,960
그처럼 틀렸어.

36
00:02:36,210 --> 00:02:41,390
그리고 그들 모두는 분홍색 배경을 가지고 텍스트 색상이 빨간색 인 클래스를 갖게되었습니다.

37
00:02:41,400 --> 00:02:43,300
그것들을 3 개에 추가 한 것을 볼 수 있습니다.

38
00:02:43,650 --> 00:02:59,840
그래서 다시 한 번 내가 깨진 레코드라는 것을 알았지 만 jQuerrey없이이 작업을 수행했다면 우리는 쿼리 선택기를 사용하여이 세 가지를 수동으로 모두 선택해야만하고 for 루프와 각 루프를 반복 할 것입니다 우리는 classless 클래스를 잘못 추가 할 것입니다.

39
00:03:00,240 --> 00:03:01,690
그래서 우리는 그 어떤 것도 할 필요가 없습니다.

40
00:03:01,860 --> 00:03:05,610
이것은 우리 모두를 돌봐주는 암시 적 루프를 가지고 있습니다.

41
00:03:06,180 --> 00:03:13,990
이제 모든 클래스에서 잘못된 클래스를 제거하고 클래스를 추가합시다.

42
00:03:14,060 --> 00:03:14,690
옳은.

43
00:03:14,700 --> 00:03:16,540
그들 모두는 그저 그런 것입니다.

44
00:03:16,560 --> 00:03:18,450
그리고 이제 그들은 모두 녹색으로 변합니다.

45
00:03:18,450 --> 00:03:19,800
완전한.

46
00:03:19,830 --> 00:03:24,530
그래서 마지막으로 설명 할 클래스는 토글 클래스입니다.

47
00:03:24,540 --> 00:03:34,320
클래스 목록 토글은 클래스 이름에 인수를 사용하는 곳에서 수행하며 클래스를 적용하거나 엘만 또는 요소 집합에 추가합니다.

48
00:03:34,320 --> 00:03:39,150
그들이 아직 그것을 가지고 있지 않다면, 그리고 그들이 그 수업을 가지고 있다면 그것을 제거 할 것입니다.

49
00:03:39,150 --> 00:03:40,870
그럼 이제 해보 죠.

50
00:03:41,520 --> 00:03:47,990
모든 동맹국이 토글 할 수 있도록 토글을 실행 해 봅시다.

51
00:03:48,120 --> 00:03:49,550
수업.

52
00:03:49,620 --> 00:03:50,300
옳은.

53
00:03:50,340 --> 00:03:52,200
그리고 그들은 이미 그 반을 가지고 있습니다.

54
00:03:52,320 --> 00:03:53,470
그래서 그것을 제거 할 것입니다.

55
00:03:53,520 --> 00:03:57,870
그리고 우리가 다시 실행하면 그것을 추가하고 제거하고 추가하고 제거합니다.

56
00:03:57,870 --> 00:04:02,820
그래서 조금 다른 것을 시도해보고 첫 번째 동맹에게만 해보겠습니다.

57
00:04:02,820 --> 00:04:07,840
그래서 엘리야는 처음으로 내가 여러분에게 보여준 마지막 것입니다.

58
00:04:08,160 --> 00:04:13,630
그리고 우리는 수업을 토글합니다.

59
00:04:14,190 --> 00:04:19,110
첫 번째 것만이 훌륭하고 취소 선 효과가 있습니다.

60
00:04:19,110 --> 00:04:31,520
이제 수업을 모두 토글 한 동맹국을 모두 선택하면 입력 한 항목을 누르면 각 항목을 개별적으로 전환 할 수 있습니다.

61
00:04:31,710 --> 00:04:33,290
그래서이 수업은 수업을 마쳤습니다.

62
00:04:33,300 --> 00:04:36,310
그래서 그것은 제거되었고이 두 명은 클래스를 가지고 있지 않았습니다.

63
00:04:36,390 --> 00:04:39,060
그래서 자동으로 declasse를 추가했습니다.

64
00:04:39,540 --> 00:04:40,920
그것이 내가 보여주고 싶었던 전부입니다.

65
00:04:40,920 --> 00:04:48,310
우리는 클래스를 제거하고 클래스를 토글하게하고 클래스 바를 바닐라와 어떻게 비슷하게 작동 시켰습니다.

66
00:04:48,360 --> 00:04:49,040
예.

67
00:04:49,170 --> 00:04:56,310
J 쿼리의 모든 것과 같은 큰 차이점은 실제로 루프를 작성하지 않고도 요소 컬렉션에 대해 작업 할 수 있다는 것입니다.

68
00:04:56,760 --> 00:04:57,380
승인.