Witamy spowrotem.
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.
I to skrót od atrybutu więc mam zamiar iść do docs i wystarczy spojrzeć na atrybutach.
To będzie się tu ETR górze.
No to jedziemy.
A co używamy go za to, aby pobrać wartość atrybutu.
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.
Więc możemy pobrać atrybut lub możemy ustawić atrybut.
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.
A potem możemy także ustawić je przekazując jej argument do metody.
Tak więc jedną z metod zachowuje się dwa różne sposoby.
A ten paradygmat jest nazywany getter i setter paradygmat, gdzie mamy do pobierania informacji getter i setter, aby ustawić nową wartość.
Rzućmy okiem na niektóre z tutejszych przykładów.
Docs G-code zawsze mają doskonałe przykłady i dokumentacji oraz styl pisania tutoriala.
Warto więc zapoznać się tutaj.
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.
I mijamy w jaki staramy się zmieniać co jest Alt.
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.
Tak więc możemy ustawić tekst i atrybut title, przekazując obiekt, podobnie jak metody CSSA.
OK.
Warto więc poeksperymentować z tym.
Oto nasza strona pracujemy z.
Mam zamiar dodać trochę więcej każdego zespołu będę zadowolony.
Więc na dole tutaj mam zamiar dodać tag obrazu i źródłem będzie moim ulubionym sosny Martin.
Taki słodki.
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.
OK.
Tak będzie odświeżyć naszą stronę.
Oto nasz wizerunek, a co byłoby dobre pierwsze ćwiczenie jest, aby wybrać obraz i sprawiają, że trochę więcej opanowania, więc mniejsze.
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.
Więc będziemy zmieniać z 2 500 pikseli, tak po prostu.
OK, że wygląda o wiele lepiej.
I rzeczywiście, że jest trochę mniejszy i nawet do 200 miesięcy.
No to jedziemy.
Jest nasza urocza sosny Martin.
Więc użyjemy TTR iść do przodu i zmienić źródło obrazu.
Więc musimy wybrać kolejny obraz jak ta kropka 8.
I możemy uzyskać wartość źródła pierwsza prostu odzyskać.
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.
To aktualizuje się automatycznie.
I jest nasza przerażająca sosny Martin.
Jest to więc jeden z przykładów.
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.
Więc zrobimy to tutaj wejściowe, a następnie przyjrzyjmy atrybutu.
Więc zacznijmy od samego patrzenia na wejściu.
Jest to jedyny na stronie.
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.
I oglądać to wejście tutaj, jak nacisnąć enter.
Obecnie zmienia się wejście koloru i możemy zrobić to samo.
Zmień to w ten czas się pole wyboru.
No to jedziemy.
OK.
Wróćmy do tekstu, ponieważ mamy zamiar to wykorzystać później w filmie jako wprowadzania tekstu.
Ostatnią rzeczą jaką chcę zademonstrować jest zachowanie metody TR na wielu elementach, więc dodajmy w ciągu kilku znaczników graficznych.
Więc zrobimy jeden, dwa, trzy obrazy i będę musiał odświeżyć dostać tych.
I te gigantyczne obrazy.
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.
OK, załóżmy, że chcemy zmienić tylko pierwszy z nich, żeby być przerażające zdjęcia kuna leśna z zębami.
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.
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.
Więc wracam do pierwszego typu, a następnie możemy zmienić źródło będzie nasz straszny obraz znasz.
A jeśli uderzę wprowadzić go tylko skutki, że pierwszy obraz.
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.
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.
I widać, że ostatni obraz zmienia się także.
I wtedy wreszcie będę wykazywać zmienia wszystkie trzy z nich razem tak mam nowy obraz jesteś.
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.
Więc podsumować TTR jeśli tylko dać mu jeden argument takiego źródła.
Ale my nie przechodzą w drugim argumencie.
To po prostu zwraca wartość źródła.
Więc to jest przebojowa.
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.
Więc następną rzeczą, że chcę, aby wykazać to metoda Vau.
Więc co VHDL Val robi jest to, że pomaga nam wyodrębnić wartość z wejścia.
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.
Używamy właściwość o nazwie wartość.
Dobrze jest Vau J pyta otoki dla wartości, tak jak każdej tim.
Jest to nakładka na rozwścieczony Jamail i tekst jest nakładką na zawartości tekstowej.
Można spojrzeć na kilka przykładów, jak można zobaczyć tutaj.
Jeśli nie przechodzą w jakichkolwiek argumentów zwróci wartość konkretnego elementu, który możemy wybrać.
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.
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.
Więc znak dolara wejście tak po prostu, a potem będziemy uruchamiać Val bez argumentów.
A teraz to dałoby nam pusty ciąg, ponieważ wartość tutaj jest pustym ciągiem.
Nie ma nic w środku nie.
Jeśli więc wpisać coś teraz jak moje imię, a potem prosić o wartości mówi nam zimną stal.
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.
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.
Można się zastanawiać, kiedy tak naprawdę napisać kod, aby zaktualizować dane.
Zazwyczaj pozwalają aktualizować użytkownik wejście.
Jedna wspólna przypadek użycia, że ​​mogę myśleć o to, czy chcemy, aby usunąć tę wartość.
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.
Chcemy użyć kropki.
Więc to ci pokażę.
Podobnie wygląda następująco.
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.
Użyjemy Vau z pustym ciągiem, aby przywrócić jej tekst i wstawić.
Ostatnią rzeczą, będę wspomnieć, że Darvell działa na wszystkich elementach, które mają atrybut wartość.
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.
Tak więc nasze możliwości zawierają jedne z najbardziej popularnych zwierząt domowych w kraju jak struś i żółwia i Toad.
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.
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.
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.