W porządku, więc nadszedł czas na nasz pierwszy Jay queery wykonywać tak, że ten jeden działa to, że mam zamiar dać ci jakąś przykładową wieku hymnów dla div niektóre zajęcia niektórzy mają pomysły i zabiorą ci dla DIV i umieścić je w własny plik wiek HTML i będziesz musiał to Jay zapytanie właściwie do ciebie, jak to zrobić, jeśli chcesz używać CDN lub jeśli chcesz go pobrać.
A potem są cztery szybkich wyzwań, które chcę, aby spróbować użyć Jay Querrey, aw szczególności znak dolara, aby wybrać i Dot patrz SS stylu.
Więc pierwszy.
Zaznacz wszystkie DIV i dać im fioletowym tle.
Kolejnym z nich jest wybranie DIV z klasą podświetleniem i uczynić je szeroko 200 pikseli.
Trzeci z nich jest, aby wybrać div o identyfikatorze Trzecia i nadać mu pomarańczową ramkę do ciebie, jak szeroki i jaki styl granicy.
I wtedy premia jest wybranie tylko pierwszy div i zmienić jego kolor czcionki być różowe.
Więc śmiało dać ten strzał.
Musisz umieścić film.
Utwórz plik HTML New Age.
Dołącz kwerendy, a następnie skopiować ten kod i wpisać go samodzielnie, a następnie będziesz musiał rozwiązać te cztery wyzwania.
Więc śmiało umieścić film.
Wrócę w ciągu zaledwie kilku sekund z już rozwiązania.
Idziemy do przodu i wpisać się na szybkie rozwiązanie tego.
Jak zawsze pierwszą rzeczą, jaką musimy zrobić, to nasz każdy plik czasu.
Więc mam nowy plik.
Nazwałem go wykonywać swoje html i będę go zapisać, a następnie dodać w moim regularne h tim l boilerplate a my po prostu zadzwoń tego zapytania J ćwiczenia w tytule, a potem pójdę do przodu i dodać w naszej rozrusznika DML i ja 'll wystarczy skopiować go zamiast wpisywać.
OK, więc mamy cztery elementy.
Teraz chodźmy i dodać Jay Querrey.
Pamiętaj, mamy dwa sposoby działania, które możemy umieścić go na miejscu lub możemy połączyć z CDN.
Więc pokażę zarówno pierwszego.
Mam zamiar po prostu skopiować plik na drugą.
Więc muszę zmienić wersję tutaj po prostu dowodzić c polecenia V.
Więc teraz mam go w tym samym katalogu, co moim wykonywania tego wieku Simmo.
A potem pójdę tu i pierwszą rzeczą, którą chcę zrobić, to dodać skrypt tagu script i wtedy dodam źródło równa, a potem trzeba się upewnić, że zgadza się, że właściwie co jest Jay kreska do punktu 1.4 mężczyźni.
Tak.
Więc Jay queery kreska wskazać jeden punkt za Dot mężczyzn.
Jezu, że będziemy zapisywać i otwórz go w naszej przeglądarce i zrobić nasz mały test, aby sprawdzić, czy to działa.
Wygląda na to znaleźć plik.
W przeciwnym razie byłoby nam błąd i zawsze możemy spróbować zrobić coś takiego div znak dolara i zobacz, co mamy.
I to działa.
To wybierając nasze 4 DIV.
Możemy także A-J pyta CDN.
A ja po prostu google za to.
Jay kwercetyna, a następnie odebrać naszą wersję.
Więc nie chcemy 3.0.
Jestem pewien, że działa dobrze.
Ale to najnowsza wersja i nadal alfa.
Więc nie ma chyba pewne błędy i niektóre kwestie.
Więc wskazać jeden punkt cztery jest najnowsza stabilna wersja Potem skopiuj ten adres URL, a następnie dodamy kolejny tag skryptu, a ja je zostawić i tu, i po prostu wypowiedzieć jeden i zresetować źródła równą że jesteś źle.
Więc albo ktoś pracuje użyję CDN ponieważ już udowodnił wam, że wszyscy używamy CDN.
Ponieważ ja już udowodnił, że ten jeden pracował tylko przez wzgląd na odmiany.
Będziemy więc zapisać, a następnie odświeżyć i dokładnie sprawdzić czy nasz kod nadal działać.
Tak to znalezienie znaki dolara dobrze.
Jest podłączony do J QWERTY.
Jeden punkt, który chciałbym, aby to, że to J queery się szczyt w głowie i używamy go w naszych skryptach, że piszemy w organizmie.
A powodem robimy to obciążenie zapamiętania rzeczy w kolejności, w jakiej są one zadeklarowane Dlatego chcemy Arjay kwerenda pewno załadować zanim go używać zamiast skryptu.
Więc nasz skrypt, który musimy zdefiniować to, gdzie będziemy pisać nasz kod, a my po prostu nazwać to ćwiczenie.
J s.
A potem musimy sprawić, aby ten plik ćwiczenia, które J us a my umieścić, że tu, w tym samym katalogu i co możemy zrobić, to bardzo prosty test, aby sprawdzić, czy jest on podłączony zarówno do naszego godz pliku Tim i do zapytania J jeśli jest w stanie dostrzec i wykorzystać metodę zapytania J musimy po prostu zrobić coś takiego.
Jeśli J zapytania inny będzie robić coś innego, więc jeśli nie ma J zapytania będziemy ostrzegać zapytanie załadowany indziej będziemy alarmy wiedzieć Jay Querrey smutną twarz i oszczędzać.
A jeśli odświeżyć teraz mamy J zapytania załadowany.
Tak, że mówi nam dwie rzeczy.
Jeden skrypt jest uruchomiony ćwiczenia, że ​​Jezus jest podłączony, a dwa były w stanie korzystać z metod Jay Querrey.
Jeśli zrobiliśmy to w odwrotnej kolejności i choć kładę Jay zapytanie po włączyłem mój ćwiczenia Jay tak i zapisać i odświeżyć nam się błąd, który mówi nam, J zapytanie nie jest określona, ​​więc można zobaczyć znaczenie kolejności stawiamy rzeczy w.
Więc zawsze chcemy umieścić nasze biblioteki, że nasz kod zależy na szczycie góry w głowę przynajmniej chcemy umieścić je na naszych skryptów, które z nich korzystają.
Wróćmy do zadania i pierwszą rzeczą, którą musisz zrobić to prawidłowo Jay Querrey, które mamy już zrobione.
Następna w kolejce musimy wybrać wszystkie DIV i dać im fioletowym tle.
Więc pójdziemy do przodu i wybrać wszystkie DIV za pomocą dolara zamiast cytatów.
Wszystko, co musimy zrobić, to wybrać div z CSSA.
Więc po prostu div dot C S, a my ich fiolet.
Więc kolor lub tło w tym przypadku jest fioletowy lub moglibyśmy korzystać własną R. G. B odcień fioletowy.
A jeśli nie pamiętam jak robimy fioletowy z RGV to trzeba iść grać R. G. stał się trochę bardziej.
Więc to jest pierwszy z nich możemy zapisać i sprawdzić, który pracował przez orzeźwiający.
I mamy cztery purpurowe tła.
OK.
Więc to jest to.
To jest wybór wszystkich DIV i dając im fioletowym tle.
dodam tylko liścik tu i komentarz, że na zewnątrz.
Następna w kolejce chcemy wybrać div z klasą równych w celu podkreślenia i ich szerokości 200 pikseli.
Więc to będzie działać bardzo podobnie, ale aby wybrać div z klasą równej podkreślić to, co musimy zrobić to ponownie wykorzystanie znak dolara.
I zamiast div możemy użyć kropki podświetlenia, a następnie wykonaj Css się i to będzie 200 szczyty.
Warto zauważyć, że to technicznie wybiera wszystko co ma klasę podświetlenia.
Jeśli ma to być jednoznaczne i tylko powiedzieć, DIV, które mają klasę podświetleniem możemy mieć znacznik zakotwiczenia lub paragraf, które również mają tę klasę chcielibyśmy napisać ten przełącznik.
I to jest C S, który mówi, wszystkie div z klasą podświetlenia.
Ale w tym przypadku będzie to zrobić różnicę.
Więc 200 pikseli odświeżyć i można zobaczyć te dwa DIV mają klasę podświetleniem drugim i czwartym div i mają 200 pikseli.
OK, następny jest, aby wybrać div z ideą trzecią.
I dać mu pomarańczową ramkę tak, aby wybrać div z tej Id dolara ponownie i zamiast kropki mamy potrzebują naszej Thorpe.
I wtedy nazwę SS ID, że porządek i to do nas.
Powiedziałem tylko kolorem jest pomarańczowy.
Więc zróbmy stałe pomarańczowej granicy dwóch pikseli i zapisać i odświeżyć i teraz mamy, że pomarańczowej granicy właśnie tam.
Zrobię to trochę większe, tak że pokazuje lepiej w screencast.
No to jedziemy.
I właśnie wokół trzeciego div, który ma identyfikator słowa.
Więc ostatnie wyzwanie, które było bonusem jest wybranie tylko pierwszy div i zmienić jego kolor czcionki na różowy drogę, która będzie wybrać pierwszą div jest za pomocą selektora pseudo CSSA.
Przede typu tak div okrężnicy pierwsza kreska typu rozdzielczej, które powinieneś znać z niektórych filmów selektora CSSA.
A potem po prostu sprawiają, że różowy to kolor różowy SS i zapisać i odświeżyć i można zobaczyć kolor różowy.
Inna opcja, że ​​mamy tam jest rzeczywiście zbudowany w J skrótu kwerendy, która jest po prostu Colan pierwszy i które również działa dobrze.
Ciekawa jest uwaga, że ​​przy użyciu pierwszym dwukropku jest faktycznie trochę wolniej niż pierwsza typu, ponieważ przede typu jest zbudowany, aby zobaczyć ocenić to selektor CSSA porównaniu z pierwszą jest skrótem zapytanie J.
Więc to nie jest natywny C Ss to tylko bardzo nieznacznie wolniej.
Więc chciałbym używać przede typu.
OK, więc to go do tego ćwiczenia w ciągu najbliższych kilku filmów.