1
00:00:00,570 --> 00:00:01,430
Witamy spowrotem.

2
00:00:01,590 --> 00:00:11,220
W tym filmie mamy zamiar odebrać którym skończyliśmy i rozmawiać o niektórych z tych ważnych metod, które chcę pokazać następny będziemy omawiać jest po ósmej.

3
00:00:11,370 --> 00:00:16,290
I to skrót od atrybutu więc mam zamiar iść do docs i wystarczy spojrzeć na atrybutach.

4
00:00:16,530 --> 00:00:19,550
To będzie się tu ETR górze.

5
00:00:19,680 --> 00:00:20,500
No to jedziemy.

6
00:00:20,730 --> 00:00:24,930
A co używamy go za to, aby pobrać wartość atrybutu.

7
00:00:25,230 --> 00:00:34,680
Tak więc, zgodnie z docs uzyskuje wartość atrybutu dla pierwszego elementu w zestawie dopasowanych elementów lub ustawić jeden lub więcej atrybutów dla każdego dopasowanego elementu.

8
00:00:34,680 --> 00:00:39,170
Więc możemy pobrać atrybut lub możemy ustawić atrybut.

9
00:00:39,210 --> 00:00:51,320
Mam nadzieję, że pan zauważył wzór już gdzie tych metod możemy uzyskać informacje albo pobierać atrybut lub pobrać stylizacji lub pobrać tekst lub go rozwścieczyło.

10
00:00:51,540 --> 00:00:55,610
A potem możemy także ustawić je przekazując jej argument do metody.

11
00:00:55,620 --> 00:00:57,810
Tak więc jedną z metod zachowuje się dwa różne sposoby.

12
00:00:57,960 --> 00:01:05,600
A ten paradygmat jest nazywany getter i setter paradygmat, gdzie mamy do pobierania informacji getter i setter, aby ustawić nową wartość.

13
00:01:06,060 --> 00:01:08,520
Rzućmy okiem na niektóre z tutejszych przykładów.

14
00:01:08,520 --> 00:01:15,140
Docs G-code zawsze mają doskonałe przykłady i dokumentacji oraz styl pisania tutoriala.

15
00:01:15,150 --> 00:01:16,570
Warto więc zapoznać się tutaj.

16
00:01:16,710 --> 00:01:30,610
Mamy obraz i ma numeru identyfikacji źródło i alt text więc możemy zaznaczyć, że tak możemy wybierać obraz z wielkim zdjęciem ID świetne zdjęcie dot H.

17
00:01:31,050 --> 00:01:35,160
I mijamy w jaki staramy się zmieniać co jest Alt.

18
00:01:35,250 --> 00:01:45,050
A potem możemy przekazać go w nową wartość i można również zobaczyć tu możemy użyć TTR ustawić wiele wartości na raz lub wiele atrybutów.

19
00:01:45,120 --> 00:01:51,580
Tak więc możemy ustawić tekst i atrybut title, przekazując obiekt, podobnie jak metody CSSA.

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

21
00:01:52,140 --> 00:01:53,540
Warto więc poeksperymentować z tym.

22
00:01:53,820 --> 00:01:56,050
Oto nasza strona pracujemy z.

23
00:01:56,130 --> 00:01:59,770
Mam zamiar dodać trochę więcej każdego zespołu będę zadowolony.

24
00:01:59,790 --> 00:02:06,980
Więc na dole tutaj mam zamiar dodać tag obrazu i źródłem będzie moim ulubionym sosny Martin.

25
00:02:07,230 --> 00:02:08,460
Taki słodki.

26
00:02:08,460 --> 00:02:17,530
A co mamy zamiar zrobić, to użyć kwerendy J i metoda TTR do zmiany tego źródła obrazu do przerażającej sosny Martin.

27
00:02:18,020 --> 00:02:18,620
OK.

28
00:02:18,930 --> 00:02:20,500
Tak będzie odświeżyć naszą stronę.

29
00:02:20,630 --> 00:02:29,620
Oto nasz wizerunek, a co byłoby dobre pierwsze ćwiczenie jest, aby wybrać obraz i sprawiają, że trochę więcej opanowania, więc mniejsze.

30
00:02:29,780 --> 00:02:42,550
Będziemy więc wybrać obraz widzą nas i możemy zacząć od samego patrzenia na to, co obecnie ma szerokość, która wynosi 1133 pikseli i zróbmy to dużo mniejsze.

31
00:02:42,630 --> 00:02:48,600
Więc będziemy zmieniać z 2 500 pikseli, tak po prostu.

32
00:02:48,920 --> 00:02:50,780
OK, że wygląda o wiele lepiej.

33
00:02:51,450 --> 00:02:57,050
I rzeczywiście, że jest trochę mniejszy i nawet do 200 miesięcy.

34
00:02:57,060 --> 00:02:57,630
No to jedziemy.

35
00:02:57,720 --> 00:02:59,600
Jest nasza urocza sosny Martin.

36
00:02:59,790 --> 00:03:04,150
Więc użyjemy TTR iść do przodu i zmienić źródło obrazu.

37
00:03:04,350 --> 00:03:09,790
Więc musimy wybrać kolejny obraz jak ta kropka 8.

38
00:03:10,290 --> 00:03:14,580
I możemy uzyskać wartość źródła pierwsza prostu odzyskać.

39
00:03:14,580 --> 00:03:25,380
To jest źródło obrazu, a następnie możemy również ustawić ją przekazując nasz drugi argument, który to adres, który skopiowałem i mają na moim schowku i tam idziemy.

40
00:03:25,410 --> 00:03:26,830
To aktualizuje się automatycznie.

41
00:03:26,880 --> 00:03:29,910
I jest nasza przerażająca sosny Martin.

42
00:03:30,930 --> 00:03:32,460
Jest to więc jeden z przykładów.

43
00:03:32,460 --> 00:03:41,110
Inna sprawa, że ​​możemy tu zrobić, to wybrać to wejście, które jest równa typu tekst i mogliśmy zmienić wartość atrybutu type.

44
00:03:41,280 --> 00:03:47,260
Więc zrobimy to tutaj wejściowe, a następnie przyjrzyjmy atrybutu.

45
00:03:47,400 --> 00:03:49,110
Więc zacznijmy od samego patrzenia na wejściu.

46
00:03:49,170 --> 00:03:50,890
Jest to jedyny na stronie.

47
00:03:51,270 --> 00:04:03,500
A potem zrobimy tego typu atrybutu i widzimy typ jest tekst, a teraz możemy bawić się z nim i zmieni się typ jest kolorowy.

48
00:04:03,720 --> 00:04:07,000
I oglądać to wejście tutaj, jak nacisnąć enter.

49
00:04:07,380 --> 00:04:11,670
Obecnie zmienia się wejście koloru i możemy zrobić to samo.

50
00:04:11,760 --> 00:04:15,340
Zmień to w ten czas się pole wyboru.

51
00:04:15,360 --> 00:04:16,630
No to jedziemy.

52
00:04:17,430 --> 00:04:17,740
OK.

53
00:04:17,760 --> 00:04:23,890
Wróćmy do tekstu, ponieważ mamy zamiar to wykorzystać później w filmie jako wprowadzania tekstu.

54
00:04:24,090 --> 00:04:32,700
Ostatnią rzeczą jaką chcę zademonstrować jest zachowanie metody TR na wielu elementach, więc dodajmy w ciągu kilku znaczników graficznych.

55
00:04:32,820 --> 00:04:38,850
Więc zrobimy jeden, dwa, trzy obrazy i będę musiał odświeżyć dostać tych.

56
00:04:39,000 --> 00:04:40,890
I te gigantyczne obrazy.

57
00:04:40,980 --> 00:04:58,000
Więc mam zamiar ponownie zmienić rozmiar i to będzie kropka Obrazek patrz SS z Khama 200 aktów i ze względu na magię J Query które uczynią wszystkie z nich 200 pikseli.

58
00:04:58,440 --> 00:05:05,070
OK, załóżmy, że chcemy zmienić tylko pierwszy z nich, żeby być przerażające zdjęcia kuna leśna z zębami.

59
00:05:05,380 --> 00:05:14,620
To, co zrobiłem wcześniej nie zadziała, jeśli staram się po prostu wybrać obraz, który jest w rzeczywistości wszystkie zdjęcia i tak będzie zmienić wszystkie trzy z ich źródeł obrazu.

60
00:05:14,610 --> 00:05:33,420
Więc jeśli chcę tylko pierwszy z nich można użyć obrazu okrężnicy i pamiętać, że to przede typu tak przez wbudowany w J pierwszej queery który jest krótszy, ale w rzeczywistości nieznacznie wolniejszy ponieważ nie używa wbudowany selektor CSSA.

61
00:05:33,570 --> 00:05:40,010
Więc wracam do pierwszego typu, a następnie możemy zmienić źródło będzie nasz straszny obraz znasz.

62
00:05:40,140 --> 00:05:44,250
A jeśli uderzę wprowadzić go tylko skutki, że pierwszy obraz.

63
00:05:44,670 --> 00:06:06,240
A gdybym chciał zaktualizować ostatni obraz, aby mieć ten sam obraz źródłowy tę przerażającą sosna martin Mam kilka opcji i pierwszy, że pokażę to, aby zaznaczyć wszystkie obrazy, takie jak ta, a następnie użyć kropki ostatnia metoda, która jest czymś jeszcze nie widział i to zwróci ostatni element z danego selektora.

64
00:06:06,420 --> 00:06:16,820
Więc ten wybiera wszystkie trzy obrazy, a potem prosisz o ostatni, a potem możemy to zrobić źródło ATSDR a potem można wkleić w naszym źródła obrazu i wciśnij enter.

65
00:06:17,070 --> 00:06:20,670
I widać, że ostatni obraz zmienia się także.

66
00:06:20,700 --> 00:06:25,800
I wtedy wreszcie będę wykazywać zmienia wszystkie trzy z nich razem tak mam nowy obraz jesteś.

67
00:06:25,830 --> 00:06:43,310
Będę tu skopiować i zmienić atrybut źródłowego na wszystkie z nich po prostu wybierając wszystkie obrazy jak ten, a następnie uruchomić ten przecinek źródłowy atrybut i wklejanie w naszym nowym wszyscy jesteście, a wszystkie trzy obrazy zmieniają jednocześnie.

68
00:06:43,750 --> 00:06:48,810
Więc podsumować TTR jeśli tylko dać mu jeden argument takiego źródła.

69
00:06:48,880 --> 00:06:51,020
Ale my nie przechodzą w drugim argumencie.

70
00:06:51,090 --> 00:06:53,540
To po prostu zwraca wartość źródła.

71
00:06:53,790 --> 00:06:54,810
Więc to jest przebojowa.

72
00:06:54,930 --> 00:07:06,070
A potem, jeśli mamy dostarczyć drugi argument jak nowa jesteś R L jak my tutaj, które będą faktycznie zaktualizować wartość źródła na każdy pojedynczy element, że wybrany wcześniej.

73
00:07:06,090 --> 00:07:10,020
Więc następną rzeczą, że chcę, aby wykazać to metoda Vau.

74
00:07:10,020 --> 00:07:16,490
Więc co VHDL Val robi jest to, że pomaga nam wyodrębnić wartość z wejścia.

75
00:07:16,530 --> 00:07:30,640
Więc jeśli można myśleć z powrotem do tego, kiedy wykonane scorekeeper zwykły javascript i mieliśmy że wejście numer i że wejście można określić zwycięski wynik do grania do 5 lub do 10 i co potrzebne, aby wyodrębnić wartość stamtąd.

76
00:07:30,630 --> 00:07:33,010
Używamy właściwość o nazwie wartość.

77
00:07:33,250 --> 00:07:38,160
Dobrze jest Vau J pyta otoki dla wartości, tak jak każdej tim.

78
00:07:38,190 --> 00:07:44,360
Jest to nakładka na rozwścieczony Jamail i tekst jest nakładką na zawartości tekstowej.

79
00:07:44,370 --> 00:07:47,630
Można spojrzeć na kilka przykładów, jak można zobaczyć tutaj.

80
00:07:47,790 --> 00:07:53,950
Jeśli nie przechodzą w jakichkolwiek argumentów zwróci wartość konkretnego elementu, który możemy wybrać.

81
00:07:54,490 --> 00:08:13,230
Więc w tym przypadku mamy do zgrywania menu rozwijane na wybranych elementów z klasy foo, a następnie robimy na nim Val, który powie nam, który element lub jaka część listy rozwijanej jest zaznaczona, a następnie możemy również użyć tej samej składni ale przechodzą w kłótnię i że zmieni się wartość wejścia.

82
00:08:13,240 --> 00:08:20,560
Więc chodźmy do naszej wprowadzania tekstu tutaj i mam zamiar usunąć konsolę i pójdziemy do przodu i wybrać tę metodę wprowadzania tekstu.

83
00:08:20,910 --> 00:08:28,090
Więc znak dolara wejście tak po prostu, a potem będziemy uruchamiać Val bez argumentów.

84
00:08:28,350 --> 00:08:33,420
A teraz to dałoby nam pusty ciąg, ponieważ wartość tutaj jest pustym ciągiem.

85
00:08:33,420 --> 00:08:34,600
Nie ma nic w środku nie.

86
00:08:34,890 --> 00:08:41,900
Jeśli więc wpisać coś teraz jak moje imię, a potem prosić o wartości mówi nam zimną stal.

87
00:08:42,150 --> 00:08:51,290
Więc co tu jest chwycony gdy rozbieg choć i wtedy jak wszystkie inne metody widzieliśmy będzie również działać jako metody setter.

88
00:08:51,450 --> 00:09:03,070
Więc jeśli mogę przejść w coś zardzewiałej stali i naciśnij enter widzę, że aktualizuje on wejście do teraz powiedzieć Resti nadal.

89
00:09:03,180 --> 00:09:07,320
Można się zastanawiać, kiedy tak naprawdę napisać kod, aby zaktualizować dane.

90
00:09:07,330 --> 00:09:10,150
Zazwyczaj pozwalają aktualizować użytkownik wejście.

91
00:09:10,230 --> 00:09:14,630
Jedna wspólna przypadek użycia, że ​​mogę myśleć o to, czy chcemy, aby usunąć tę wartość.

92
00:09:14,710 --> 00:09:31,670
Więc jeśli jest to lista do zrobienia i chcemy, aby użytkownik mógł dodać nowe Candie lub coś mogę wpisać żelki, które są sposobem przecenienia drodze, a my oberwać wejść i chcemy dodać nowego sojusznika, a następnie chcemy usunąć, co jest w środku stąd.

93
00:09:31,840 --> 00:09:33,460
Chcemy użyć kropki.

94
00:09:33,540 --> 00:09:35,290
Więc to ci pokażę.

95
00:09:35,290 --> 00:09:36,290
Podobnie wygląda następująco.

96
00:09:36,390 --> 00:09:45,040
A potem mamy zamiar ustawić go na pusty ciąg i kasuje zawartość wewnątrz tak będziemy robić, że w rzeczywistości, gdy robimy nasz własny do zrobienia tam.

97
00:09:45,080 --> 00:09:49,960
Użyjemy Vau z pustym ciągiem, aby przywrócić jej tekst i wstawić.

98
00:09:49,960 --> 00:09:54,890
Ostatnią rzeczą, będę wspomnieć, że Darvell działa na wszystkich elementach, które mają atrybut wartość.

99
00:09:55,050 --> 00:10:16,850
Więc to nie jest po prostu wejść z typu nazywa tekst to takie rzeczy jak pola wyboru i koloru dla wejść kolorów, ale także menu rozwijane, które mogę pójść dalej i napisać uczyni nowe menu rozwijane, który służy do wyboru elementu, a następnie wewnątrz tego wybierz dodamy każda opcja opcje i reprezentuje jeden wybór.

100
00:10:17,040 --> 00:10:28,210
Tak więc nasze możliwości zawierają jedne z najbardziej popularnych zwierząt domowych w kraju jak struś i żółwia i Toad.

101
00:10:28,600 --> 00:10:44,600
OK, a my zapisać i odświeżyć stronę i widać, że mamy teraz rozwijane menu z trzema wyborów i jeśli chcę wiedzieć, która opcja użytkownik wybrał mogę iść tu i nie tylko wybrać wejście dowolny jeszcze.

102
00:10:44,790 --> 00:10:58,210
musiałbym wybrać opcję Wybierz, które dadzą mi tego rozwijanego menu, a następnie po prostu uruchomić Vau na tym i mówi mi, że użytkownik wybrał ropuchę porządku.

103
00:10:58,230 --> 00:11:12,670
Tak, aby zakończyć 80 TR służy do dostępu do żadnego konkretnego atrybutu, który chcemy lub ustawić atrybut, a następnie fĂźlle służy do odczytu wartości lub ustawić wartość jakiegokolwiek wejścia lub rozwijanego menu.