Więc teraz mamy omówione dlaczego należy dbać o Domm dlaczego to jest ekscytujące.
I my też o to, co jest, co oznacza model obiektowy dokumentu.
Fakt, że jest to tylko model każdego elementu na stronie za pomocą JavaScript obiektów górny poziom obiektu nazywa się dokument.
Więc to jest super, ale nie widzieliśmy, jak zrobić coś z nim jeszcze.
Więc w tym filmie zamierzam pokrótce przedstawić proces manipulowania rzeczy przy użyciu psa.
Więc mam sprowadzić cały proces do dwóch słów kluczowych zaznaczyć i manipulować.
Więc tak jak zobaczyć ocenić, gdzie piszemy wybieraka, aby wybrać coś z klasą specjalnych lub wszystkie godz nich lub wszystkich znaczników obrazu dobieramy elementy, a następnie zastosować style, takie jak kolor tła fioletowy granicy jednego piksela czerni z JavaScript i DOM i ludności.
Mamy również wybrać elementy, chociaż robimy to w zupełnie inny sposób.
Piszemy kodu javascript, który jedzie i dobiera elementy i zwraca je do nas, a potem zmienić właściwości na nich więc wybrać coś, a potem manipulować.
Tak więc w ciągu najbliższych kilku slajdach mam zamiar pokazać, jak mógł wybrać tę H-1 mój nagłówek i jak możemy zmienić to być różowe.
Mówiłem to wiele w ciągu ostatnich kilku filmach, ale nie chcę, aby skupić się na składni tak samo jak pojęć.
Następnych kilka filmów będzie dostać się do Nitty Gritty wyboru i manipulacji.
Jest to tylko przegląd, jak to działa.
Więc na tym slajdzie mam zamiar pokazać, jak można wybrać tę H1 podobnie jak C.
Istnieje wiele różnych sposobów, wybierając dany element.
W tym przypadku ta linia kodu dokumentu selektor zapytań dot H-1 ma zamiar wybrać H-1 na tej stronie.
Tak już podkreślono tu z tym zielonym polu, dzięki czemu można zobaczyć, co się wybiera.
Więc znowu var H-1 to po prostu każda dowolna zmienna chcemy równa udokumentować, że selektor zapytania 8: 1.
Więc będziemy spędzać dużo więcej czasu z selektorem zapytań i określić, co to jest i jak to działa.
Ale to zwraca obiekt, który reprezentuje tę H1 i oszczędza, że ​​w zmiennej H-1.
Więc to jest proces zaznaczania.
Kolejna część manipuluje się tak manipulować go można zrobić różne rzeczy i wszystko, co mam zamiar zrobić tutaj jest zmienić kolor być różowe.
Więc po prostu napisać H-1, który jest naszą zmienną, która ma na celu reprezentujący dot stylu H-1.
To jedna własność i że własność styl jest ogromny obiekt o kilka innych właściwości i koloru jest jednym z nich.
Więc H-1 ma styl, ale kolor jest równa różowe.
A potem to wszystko, co mamy do zrobienia.
A przeglądarka widzi, że mogę zmienić tę właściwość, aby różowe i automatycznie aktualizuje co wyświetlane obracając ją różowym.
Więc wybraliśmy tutaj, a następnie manipulować.
Więc mam tu jeszcze jeden przykład.
To trochę bardziej skomplikowane.
Robimy bardzo prostą animację, gdzie co drugi mamy zmianę koloru tła ciała pomiędzy niebieskim i białym.
Więc co trzeba zrobić w pierwszej kolejności, to wybrać ciało, a następnie manipulować go tak, aby go wybrać.
Mam inną linię przy użyciu wybieraka zapytania zrzutu dokument, który znów mamy zamiar wrócić w kolejnym dokumencie wideo, które ciała selektor zapytania.
Tak, że daje mi element ciała, gdzie faktycznie daje mi reprezentacja obiektowego modelu tym, że mogę zapisać w zmiennej ciała.
Wtedy mam zmienna ta jest niebieski, który jest po prostu logiczna, że ​​będę używać, bo muszę wiedzieć, czy będę z niebieskiego na biały lub białego na niebieski.
Tak zaczyna się jako fałszywe, a następnie używam odmierzanie czasu, który omówiliśmy kilka lat temu.
Jeśli nie pamiętasz, jak to działa to w zasadzie przyjmuje dwa argumenty.
Pierwszy z nich przedstawiono kod do uruchomienia funkcji oraz drugi szereg lub czas w milisekundach.
Więc trzeba tę liczbę milisekund, która jest tysiąc lub jedną sekundę i każdy drugi będzie to nazwać ten kod.
Więc co ten kod robi to sprawdza, czy tło jest obecnie na niebieski, jeśli to jest.
Następnie zmień go być białe, jeśli tło jest białe potem zmienić się na niebiesko.
Tak, aby przyjrzeć się bliżej mamy, jeśli jest niebieski.
Więc to tylko zmienne.
Zaczyna się jako fałszywe.
Tak więc po raz pierwszy strona ładuje tło jest białe jest niebieski jest fałszywe.
Tak więc ta linia nie działa, ale ten nie ma innego ciała stylu ciemnym tle równa tym kolorze szesnastkowym, który jest niebieski.
Tak, że zmienia się tło niebieskie.
Więc po prostu zmienić nasz jest zmienna niebieski z false na true.
I to jest miłe sortowania sposób to zrobić z wykrzyknikiem lub nie operatora.
Tak więc ten kod jest uruchamiany ponownie, następnym razem, to niebieski jest już prawdą.
Więc ten kod działa, ale ciało ma styl tła równa bieli.
Więc teraz wracamy do białego.
To nie działa, a następnie zmieniamy jest niebieski z powrotem na false.
I że utrzymuje będzie zawsze.
Więc nie, że kiedykolwiek chcesz coś tak rozpraszające jako kolor tła, który zmienia się co sekundę.
Ale to nie udać, aby pokazać, że możemy robić rzeczy bardziej skomplikowane niż po prostu zmieniasz H1 z czarnego na różowo.
Więc zawinąć to wszystko się dwoma słowami wybierz manipulować dobieramy Mamy chwycić niektóre obiekty, które reprezentują elementy, a następnie robimy coś dla nich.
Więc reszta tej jednostki będzie koncentrowała się na różne sposoby wybierania i następnie różne sposoby manipulacji.
Więc następny film będzie nurkować w głąb różnych sposobów doboru elementów przy użyciu JavaScript.
Widzieliśmy już queery jednego selektora.