1
00:00:00,570 --> 00:00:01,430
다시 오신 것을 환영합니다.

2
00:00:01,590 --> 00:00:11,220
이 비디오에서 우리는 여기서 중도에서 벗어난 부분을 고르고 다음 단계에서 논의 할 다음과 같은 중요한 방법에 대해 계속 이야기 할 것입니다.

3
00:00:11,370 --> 00:00:16,290
속성에 대한 설명이 부족하므로 문서로 이동하여 속성을 찾습니다.

4
00:00:16,530 --> 00:00:19,550
여기에 ETR 위쪽으로 올라갈 것입니다.

5
00:00:19,680 --> 00:00:20,500
우리는 거기에 갈.

6
00:00:20,730 --> 00:00:24,930
그리고 우리가 그것을 사용하는 것은 속성의 값을 가져 오는 것입니다.

7
00:00:25,230 --> 00:00:34,680
따라서 문서에 따르면 일치하는 요소 집합의 첫 번째 요소에 대한 특성 값을 가져 오거나 모든 일치 요소에 대해 하나 이상의 특성을 설정합니다.

8
00:00:34,680 --> 00:00:39,170
따라서 우리는 속성을 검색 할 수 있거나 속성을 설정할 수 있습니다.

9
00:00:39,210 --> 00:00:51,320
다행히도이 방법을 사용하여 정보를 얻거나 스타일을 검색하거나 텍스트를 검색하거나 격렬한 정보를 얻을 수있는 패턴을 발견했습니다.

10
00:00:51,540 --> 00:00:55,610
그런 다음 메서드에 인수를 전달하여 설정할 수도 있습니다.

11
00:00:55,620 --> 00:00:57,810
그래서 하나의 방법은 두 가지 다른 방식으로 동작합니다.

12
00:00:57,960 --> 00:01:05,600
그리고이 패러다임은 getter와 setter 패러다임이라고 불리며, 여기서 정보를 검색하는 getter와 새로운 값을 설정하는 setter가 있습니다.

13
00:01:06,060 --> 00:01:08,520
여기에 몇 가지 예제를 살펴 보겠습니다.

14
00:01:08,520 --> 00:01:15,140
G 코드 문서에는 항상 훌륭한 예제와 문서 및 자습서 스타일이 있습니다.

15
00:01:15,150 --> 00:01:16,570
여기서 살펴 보겠습니다.

16
00:01:16,710 --> 00:01:30,610
우리는 이미지가 있고 그것은 I.D. 원본 및 대체 텍스트를 선택하여 멋진 사진 ID로 이미지를 선택할 수 있도록 도와줍니다.

17
00:01:31,050 --> 00:01:35,160
그리고 우리는 우리가 바꾸려고하는 것을 Alt를 통과합니다.

18
00:01:35,250 --> 00:01:45,050
그런 다음 새로운 값으로 전달할 수 있으며 여기에서 TTR을 사용하여 여러 값을 한 번에 또는 여러 속성으로 설정할 수 있습니다.

19
00:01:45,120 --> 00:01:51,580
따라서 CSSA 메소드와 마찬가지로 객체를 전달하여 text 및 title 속성을 설정할 수 있습니다.

20
00:01:51,880 --> 00:01:52,130
승인.

21
00:01:52,140 --> 00:01:53,540
그래서 이것으로 놀아 봅시다.

22
00:01:53,820 --> 00:01:56,050
다음은 우리가 함께 작업 한 페이지입니다.

23
00:01:56,130 --> 00:01:59,770
나는 각 팀의 내용을 조금 더 추가 할 것입니다.

24
00:01:59,790 --> 00:02:06,980
여기 하단에 이미지 태그를 추가하고 소스는 내가 가장 좋아하는 소나무 마틴이 될 것입니다.

25
00:02:07,230 --> 00:02:08,460
그래서 귀엽다.

26
00:02:08,460 --> 00:02:17,530
그리고 우리가 할 일은 J 쿼리와 TTR 방법을 사용하여 그 이미지 소스를 무서운 소나무 마틴으로 바꾸는 것입니다.

27
00:02:18,020 --> 00:02:18,620
승인.

28
00:02:18,930 --> 00:02:20,500
그래서 우리 페이지를 새로 고칠 것입니다.

29
00:02:20,630 --> 00:02:29,620
여기에 우리의 이미지가 있으며 좋은 첫 번째 운동은 이미지를 선택하고 조금 더 관리하기 쉽게 만드는 것입니다.

30
00:02:29,780 --> 00:02:42,550
그래서 우리는 이미지를 선택할 것입니다. 우리는 1133 픽셀 인 너비가 무엇인지 살펴보고 훨씬 더 작게 만듭니다.

31
00:02:42,630 --> 00:02:48,600
그래서 우리는 2 500 픽셀로 바꿀 것입니다.

32
00:02:48,920 --> 00:02:50,780
좋아, 좋아 보인다.

33
00:02:51,450 --> 00:02:57,050
사실 그것은 조금 작고 몇 달이 더 걸릴 것입니다.

34
00:02:57,060 --> 00:02:57,630
우리는 거기에 갈.

35
00:02:57,720 --> 00:02:59,600
우리의 사랑스럽고 소나무 마틴이 있습니다.

36
00:02:59,790 --> 00:03:04,150
따라서 우리는 TTR을 사용하여 이미지 소스를 변경합니다.

37
00:03:04,350 --> 00:03:09,790
그래서 우리는 그 점 8과 같은 이미지를 다시 선택해야합니다.

38
00:03:10,290 --> 00:03:14,580
그리고 우리는 소스의 가치를 먼저 구할 수 있습니다.

39
00:03:14,580 --> 00:03:25,380
이것은 이미지 소스이며, 우리가 복사하고 클립 보드에 가지고있는 URL 인 두 번째 인수를 전달하여 설정할 수 있습니다. 거기에 우리가갑니다.

40
00:03:25,410 --> 00:03:26,830
자동으로 업데이트됩니다.

41
00:03:26,880 --> 00:03:29,910
그리고 우리의 무서운 소나무 마틴이 있습니다.

42
00:03:30,930 --> 00:03:32,460
이것이 하나의 예입니다.

43
00:03:32,460 --> 00:03:41,110
우리가 여기에서 할 수있는 또 다른 일은 type이 text와 같고 type 속성의 값을 변경할 수있는이 입력을 선택하는 것입니다.

44
00:03:41,280 --> 00:03:47,260
여기서는 입력을하고 속성을 살펴 보겠습니다.

45
00:03:47,400 --> 00:03:49,110
먼저 입력을 살펴 보겠습니다.

46
00:03:49,170 --> 00:03:50,890
그것은 페이지에있는 유일한 것입니다.

47
00:03:51,270 --> 00:04:03,500
그리고 나서 우리는 그 속성 유형을 할 것이고 타입은 텍스트라는 것을 알 수 있습니다. 그리고 이제 우리는 그것을 가지고 놀 수 있고 타입이 변경된다는 것이 착색됩니다.

48
00:04:03,720 --> 00:04:07,000
그리고 내가 입력을 치는 것에 따라이 입구를 여기에서 보라.

49
00:04:07,380 --> 00:04:11,670
이제는 색상 입력으로 변경되며 동일한 작업을 수행 할 수 있습니다.

50
00:04:11,760 --> 00:04:15,340
이 시간을 체크 박스로 변경하십시오.

51
00:04:15,360 --> 00:04:16,630
우리는 거기에 갈.

52
00:04:17,430 --> 00:04:17,740
승인.

53
00:04:17,760 --> 00:04:23,890
텍스트로 돌아가겠습니다. 왜냐하면 나중에 비디오에서 텍스트 입력으로 사용하기 때문입니다.

54
00:04:24,090 --> 00:04:32,700
마지막으로 보여 드리고 싶은 것은 여러 요소에 대한 TR 메서드의 동작이므로 몇 개의 이미지 태그를 추가하는 것입니다.

55
00:04:32,820 --> 00:04:38,850
그래서 우리는 하나의 2 개의 3 개의 이미지를 할 것이고, 나는 그것들을 얻기 위해 새롭게해야 할 것입니다.

56
00:04:39,000 --> 00:04:40,890
그리고 그 거대한 이미지가 있습니다.

57
00:04:40,980 --> 00:04:58,000
그래서 저는 다시 크기를 조정할 것입니다. 그리고 그것은 Khama 200의 행위로 SS를 보게되는 이미지 점과 J Query의 마법으로 인해 모두 200 픽셀이 될 것입니다.

58
00:04:58,440 --> 00:05:05,070
자, 여기 처음 사진을 이빨로 무서운 소나무 마르텐 사진으로 바꾸고 싶다고 가정 해 봅시다.

59
00:05:05,380 --> 00:05:14,620
이전에 시도한 작업은 실제로 모든 이미지 인 이미지를 선택하기 만하면 작동하지 않으므로 이미지 소스 3 개 모두가 변경됩니다.

60
00:05:14,610 --> 00:05:33,420
그래서 만약 내가 처음에만 이미지 콜론을 사용할 수 있고 거기에 처음으로 내장 된 J 큐리 형은 처음에는 짧지 만 실제로는 CSSA 선택자를 사용하지 않기 때문에 약간 느리다는 것을 기억하십시오.

61
00:05:33,570 --> 00:05:40,010
그래서 저는 처음으로 유형으로 돌아가서 근원을 바꾸어 당신이 알고있는 무서운 이미지로 만들 수 있습니다.

62
00:05:40,140 --> 00:05:44,250
그리고 엔터를 치면 첫 번째 이미지에만 영향을줍니다.

63
00:05:44,670 --> 00:06:06,240
마지막 이미지가 동일한 이미지 소스를 갖도록 업데이트하려는 경우이 무서운 소나무 마틴에 몇 가지 옵션이 있으며 첫 번째 이미지는 이와 같은 모든 이미지를 선택한 다음 마지막 방법 인 점을 사용하는 것입니다. 당신은 아직 보지 못했고 주어진 selector로부터 마지막 ​​요소를 리턴 할 것입니다.

64
00:06:06,420 --> 00:06:16,820
그래서 이것은 세 개의 이미지를 모두 선택하고 마지막 이미지를 요구하고 나서 우리는 그 ATSDR 소스를 할 수 있습니다. 그러면 우리는 이미지 소스에 붙여 넣기를하고 엔터를 누르십시오.

65
00:06:17,070 --> 00:06:20,670
그리고 마지막 이미지도 바뀌 었음을 알 수 있습니다.

66
00:06:20,700 --> 00:06:25,800
그리고 나서 마지막으로 나는이 세 가지를 모두 바꾸어서 보여줄 것이므로 당신이 새로운 이미지를 갖게 될 것입니다.

67
00:06:25,830 --> 00:06:43,310
여기에서 복사하여이 모든 이미지를 선택한 다음 해당 속성 소스 쉼표를 실행하고 New You in all에있는 모든 이미지를 동시에 변경하여 원본 속성을 모두 변경합니다.

68
00:06:43,750 --> 00:06:48,810
따라서 TTR을 요약하면 소스와 같은 하나의 인수 만 제공하면됩니다.

69
00:06:48,880 --> 00:06:51,020
그러나 우리는 두 번째 주장을 전달하지 않습니다.

70
00:06:51,090 --> 00:06:53,540
그것은 단지 소스의 값을 반환합니다.

71
00:06:53,790 --> 00:06:54,810
그래서 그것은 getter입니다.

72
00:06:54,930 --> 00:07:06,070
그리고 우리가 새로운 것과 같은 두 번째 인자를 제공한다면, 우리가 여기서했던 것처럼 실제로 이전에 선택했던 모든 원소의 값을 업데이트 할 것입니다.

73
00:07:06,090 --> 00:07:10,020
그래서 제가 보여주고 싶은 것은 Vau method입니다.

74
00:07:10,020 --> 00:07:16,490
그래서 Val이하는 일은 입력에서 값을 추출하는 데 도움이된다는 것입니다.

75
00:07:16,530 --> 00:07:30,640
그래서 평범한 자바 스크립트로 점수 기록원을 만들었을 때 그 숫자 입력과 그 입력 값을 가지고 생각해 보면 5에서 10까지의 게임에서 승리 점수를 지정할 수 있었고 거기에서 가치를 추출해야했습니다.

76
00:07:30,630 --> 00:07:33,010
우리는 value라는 속성을 사용합니다.

77
00:07:33,250 --> 00:07:38,160
Well Vau는 각 팀과 마찬가지로 J 쿼리 래퍼입니다.

78
00:07:38,190 --> 00:07:44,360
격렬한 Jamail의 래퍼이고 텍스트는 텍스트 콘텐츠의 래퍼입니다.

79
00:07:44,370 --> 00:07:47,630
여기에서 볼 수있는 몇 가지 예를 살펴볼 수 있습니다.

80
00:07:47,790 --> 00:07:53,950
인수를 전달하지 않으면 선택한 특정 요소의 값이 반환됩니다.

81
00:07:54,490 --> 00:08:13,230
그래서이 경우 우리는 foo의 클래스를 가진 select 요소에서 드롭 다운 메뉴를 가져온 다음 Val을 사용하여 어떤 요소 나 드롭 다운의 어느 부분이 선택되었는지를 알려주고 동일한 구문을 사용할 수도 있습니다 그러나 우리는 논쟁을 통해 입력 값을 변화시킬 것입니다.

82
00:08:13,240 --> 00:08:20,560
이제 텍스트 입력으로 이동하여 콘솔을 지우고이 텍스트 입력을 선택하겠습니다.

83
00:08:20,910 --> 00:08:28,090
따라서 달러 기호가 입력 된 다음 인수없이 Val을 실행합니다.

84
00:08:28,350 --> 00:08:33,420
그리고 지금은 값이 빈 문자열이기 때문에 빈 문자열을줍니다.

85
00:08:33,420 --> 00:08:34,600
거기에는 아무것도 없어요.

86
00:08:34,890 --> 00:08:41,900
그래서 우리가 지금 내 이름처럼 무언가를 타이핑하고 우리가 차가운 강철에 알려주는 가치를 묻는다면.

87
00:08:42,150 --> 00:08:51,290
여기에있는 것은 무엇이든지 우리가 뛰어 내렸을 때 움켜 잡았고, 우리가 보았던 다른 모든 방법들도 세터 방법으로 작용할 것입니다.

88
00:08:51,450 --> 00:09:03,070
따라서 녹슨 강철 같은 것을 통과하고 입력을 누르면 입력이 업데이트되어 여전히 resti라고 표시됩니다.

89
00:09:03,180 --> 00:09:07,320
입력을 업데이트하기 위해 실제로 코드를 작성할 때 궁금해 할 것입니다.

90
00:09:07,330 --> 00:09:10,150
일반적으로 사용자가 입력을 업데이트하도록합니다.

91
00:09:10,230 --> 00:09:14,630
내가 생각할 수있는 일반적인 사용 사례는 값을 지우고 싶었던 경우입니다.

92
00:09:14,710 --> 00:09:31,670
To Do 목록 일 경우 사용자가 새로운 Candie 또는 내가 젤리 빈에 입력 할 수있는 것을 추가 할 수 있기를 원합니다. 그 방법으로 과대 평가되는 방식이며 우리는 Enter를 치고 새로운 동맹을 추가하고 싶습니다. 우리는 여기에있는 것을 지우고 싶습니다.

93
00:09:31,840 --> 00:09:33,460
우리는 점을 사용할 것입니다.

94
00:09:33,540 --> 00:09:35,290
그래서 내가 보여줄거야.

95
00:09:35,290 --> 00:09:36,290
그냥 이렇게 보입니다.

96
00:09:36,390 --> 00:09:45,040
그리고 나서 빈 문자열로 설정하고 거기에있는 내용을 지우므로 우리가 스스로 할 일을 만들 때 실제로 그렇게 할 것입니다.

97
00:09:45,080 --> 00:09:49,960
Vau를 빈 문자열과 함께 사용하여 텍스트를 다시 설정하고 넣습니다.

98
00:09:49,960 --> 00:09:54,890
마지막으로 언급 할 것은 Darvell은 value 속성을 가진 모든 요소에서 작동한다는 것입니다.

99
00:09:55,050 --> 00:10:16,850
따라서 입력 텍스트 형식의 입력뿐만 아니라 색상 입력에 대한 확인란 및 색상과 같은 항목이 있지만 드롭 다운 메뉴도 포함되어 있습니다.이 드롭 다운 메뉴는 선택 항목 인 새로운 드롭 다운 메뉴를 작성한 다음이 선택 항목에 추가합니다 옵션 및 각 옵션은 하나의 선택 사항을 나타냅니다.

100
00:10:17,040 --> 00:10:28,210
그래서 우리의 옵션에는 타조와 거북이와 두꺼비와 같은 나라에서 가장 인기있는 애완 동물이 포함될 것입니다.

101
00:10:28,600 --> 00:10:44,600
확인을 클릭하면 페이지가 저장되고 새로 고침되며 이제 3 가지 선택 항목이있는 드롭 다운 메뉴가 표시되며 사용자가 선택한 선택 사항을 알고 싶으면 여기를 클릭하여 입력을 선택하지 않습니다. 더.

102
00:10:44,790 --> 00:10:58,210
드롭 다운 메뉴를 제공 할 select를 선택해야합니다. 그런 다음 Vau를 실행하면 사용자가 두꺼비를 선택했음을 알 수 있습니다. 좋습니다.

103
00:10:58,230 --> 00:11:12,670
결론적으로 80을 사용하여 원하는 특정 속성에 액세스하거나 속성을 설정 한 다음 값을 검색하거나 입력 또는 드롭 다운 메뉴의 값을 설정하는 데 사용됩니다.