1
00:00:00,210 --> 00:00:22,330
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ć.

2
00:00:22,650 --> 00:00:32,040
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.

3
00:00:32,070 --> 00:00:33,130
Więc pierwszy.

4
00:00:33,270 --> 00:00:36,590
Zaznacz wszystkie DIV i dać im fioletowym tle.

5
00:00:36,870 --> 00:00:43,200
Kolejnym z nich jest wybranie DIV z klasą podświetleniem i uczynić je szeroko 200 pikseli.

6
00:00:43,200 --> 00:00:51,930
Trzeci z nich jest, aby wybrać div o identyfikatorze Trzecia i nadać mu pomarańczową ramkę do ciebie, jak szeroki i jaki styl granicy.

7
00:00:52,110 --> 00:00:58,630
I wtedy premia jest wybranie tylko pierwszy div i zmienić jego kolor czcionki być różowe.

8
00:00:58,650 --> 00:01:00,120
Więc śmiało dać ten strzał.

9
00:01:00,120 --> 00:01:01,710
Musisz umieścić film.

10
00:01:01,710 --> 00:01:03,280
Utwórz plik HTML New Age.

11
00:01:03,330 --> 00:01:09,660
Dołącz kwerendy, a następnie skopiować ten kod i wpisać go samodzielnie, a następnie będziesz musiał rozwiązać te cztery wyzwania.

12
00:01:09,660 --> 00:01:11,130
Więc śmiało umieścić film.

13
00:01:11,130 --> 00:01:21,730
Wrócę w ciągu zaledwie kilku sekund z już rozwiązania.

14
00:01:21,750 --> 00:01:24,700
Idziemy do przodu i wpisać się na szybkie rozwiązanie tego.

15
00:01:25,050 --> 00:01:29,070
Jak zawsze pierwszą rzeczą, jaką musimy zrobić, to nasz każdy plik czasu.

16
00:01:29,070 --> 00:01:30,220
Więc mam nowy plik.

17
00:01:30,240 --> 00:01:48,780
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ć.

18
00:01:49,520 --> 00:01:52,080
OK, więc mamy cztery elementy.

19
00:01:52,080 --> 00:01:54,660
Teraz chodźmy i dodać Jay Querrey.

20
00:01:54,780 --> 00:02:00,330
Pamiętaj, mamy dwa sposoby działania, które możemy umieścić go na miejscu lub możemy połączyć z CDN.

21
00:02:00,480 --> 00:02:03,150
Więc pokażę zarówno pierwszego.

22
00:02:03,510 --> 00:02:05,710
Mam zamiar po prostu skopiować plik na drugą.

23
00:02:06,030 --> 00:02:10,430
Więc muszę zmienić wersję tutaj po prostu dowodzić c polecenia V.

24
00:02:10,620 --> 00:02:14,350
Więc teraz mam go w tym samym katalogu, co moim wykonywania tego wieku Simmo.

25
00:02:14,580 --> 00:02:31,000
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.

26
00:02:31,080 --> 00:02:32,110
Tak.

27
00:02:32,190 --> 00:02:38,230
Więc Jay queery kreska wskazać jeden punkt za Dot mężczyzn.

28
00:02:38,390 --> 00:02:45,640
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.

29
00:02:46,650 --> 00:02:47,950
Wygląda na to znaleźć plik.

30
00:02:47,970 --> 00:02:56,910
W przeciwnym razie byłoby nam błąd i zawsze możemy spróbować zrobić coś takiego div znak dolara i zobacz, co mamy.

31
00:02:57,030 --> 00:02:57,910
I to działa.

32
00:02:57,900 --> 00:03:00,060
To wybierając nasze 4 DIV.

33
00:03:00,060 --> 00:03:02,670
Możemy także A-J pyta CDN.

34
00:03:03,180 --> 00:03:04,600
A ja po prostu google za to.

35
00:03:04,680 --> 00:03:07,510
Jay kwercetyna, a następnie odebrać naszą wersję.

36
00:03:07,980 --> 00:03:09,690
Więc nie chcemy 3.0.

37
00:03:09,930 --> 00:03:10,670
Jestem pewien, że działa dobrze.

38
00:03:10,680 --> 00:03:12,940
Ale to najnowsza wersja i nadal alfa.

39
00:03:13,050 --> 00:03:15,070
Więc nie ma chyba pewne błędy i niektóre kwestie.

40
00:03:15,150 --> 00:03:28,830
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.

41
00:03:28,950 --> 00:03:38,460
Więc albo ktoś pracuje użyję CDN ponieważ już udowodnił wam, że wszyscy używamy CDN.

42
00:03:38,490 --> 00:03:42,360
Ponieważ ja już udowodnił, że ten jeden pracował tylko przez wzgląd na odmiany.

43
00:03:42,510 --> 00:03:47,180
Będziemy więc zapisać, a następnie odświeżyć i dokładnie sprawdzić czy nasz kod nadal działać.

44
00:03:47,460 --> 00:03:49,830
Tak to znalezienie znaki dolara dobrze.

45
00:03:49,830 --> 00:03:51,510
Jest podłączony do J QWERTY.

46
00:03:51,600 --> 00:04:01,330
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.

47
00:04:01,590 --> 00:04:11,120
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.

48
00:04:11,430 --> 00:04:18,620
Więc nasz skrypt, który musimy zdefiniować to, gdzie będziemy pisać nasz kod, a my po prostu nazwać to ćwiczenie.

49
00:04:18,640 --> 00:04:19,720
J s.

50
00:04:19,850 --> 00:04:41,790
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.

51
00:04:41,820 --> 00:04:59,780
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ć.

52
00:05:00,020 --> 00:05:03,540
A jeśli odświeżyć teraz mamy J zapytania załadowany.

53
00:05:03,760 --> 00:05:05,240
Tak, że mówi nam dwie rzeczy.

54
00:05:05,260 --> 00:05:12,570
Jeden skrypt jest uruchomiony ćwiczenia, że ​​Jezus jest podłączony, a dwa były w stanie korzystać z metod Jay Querrey.

55
00:05:12,820 --> 00:05:28,260
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.

56
00:05:28,510 --> 00:05:37,540
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ą.

57
00:05:37,720 --> 00:05:44,020
Wróćmy do zadania i pierwszą rzeczą, którą musisz zrobić to prawidłowo Jay Querrey, które mamy już zrobione.

58
00:05:44,020 --> 00:05:48,670
Następna w kolejce musimy wybrać wszystkie DIV i dać im fioletowym tle.

59
00:05:49,000 --> 00:05:55,530
Więc pójdziemy do przodu i wybrać wszystkie DIV za pomocą dolara zamiast cytatów.

60
00:05:55,690 --> 00:05:58,360
Wszystko, co musimy zrobić, to wybrać div z CSSA.

61
00:05:58,390 --> 00:06:02,520
Więc po prostu div dot C S, a my ich fiolet.

62
00:06:02,560 --> 00:06:09,230
Więc kolor lub tło w tym przypadku jest fioletowy lub moglibyśmy korzystać własną R. G. B odcień fioletowy.

63
00:06:09,380 --> 00:06:15,560
A jeśli nie pamiętam jak robimy fioletowy z RGV to trzeba iść grać R. G. stał się trochę bardziej.

64
00:06:15,670 --> 00:06:20,110
Więc to jest pierwszy z nich możemy zapisać i sprawdzić, który pracował przez orzeźwiający.

65
00:06:20,530 --> 00:06:22,910
I mamy cztery purpurowe tła.

66
00:06:23,200 --> 00:06:23,770
OK.

67
00:06:23,920 --> 00:06:25,050
Więc to jest to.

68
00:06:25,090 --> 00:06:28,780
To jest wybór wszystkich DIV i dając im fioletowym tle.

69
00:06:28,780 --> 00:06:32,360
dodam tylko liścik tu i komentarz, że na zewnątrz.

70
00:06:32,620 --> 00:06:38,670
Następna w kolejce chcemy wybrać div z klasą równych w celu podkreślenia i ich szerokości 200 pikseli.

71
00:06:38,990 --> 00:06:47,390
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.

72
00:06:47,950 --> 00:07:02,770
I zamiast div możemy użyć kropki podświetlenia, a następnie wykonaj Css się i to będzie 200 szczyty.

73
00:07:02,870 --> 00:07:07,660
Warto zauważyć, że to technicznie wybiera wszystko co ma klasę podświetlenia.

74
00:07:07,660 --> 00:07:18,470
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.

75
00:07:18,670 --> 00:07:22,290
I to jest C S, który mówi, wszystkie div z klasą podświetlenia.

76
00:07:22,390 --> 00:07:24,370
Ale w tym przypadku będzie to zrobić różnicę.

77
00:07:24,380 --> 00:07:35,260
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.

78
00:07:35,890 --> 00:07:41,100
OK, następny jest, aby wybrać div z ideą trzecią.

79
00:07:41,460 --> 00:07:51,850
I dać mu pomarańczową ramkę tak, aby wybrać div z tej Id dolara ponownie i zamiast kropki mamy potrzebują naszej Thorpe.

80
00:07:52,300 --> 00:07:59,060
I wtedy nazwę SS ID, że porządek i to do nas.

81
00:07:59,080 --> 00:08:00,680
Powiedziałem tylko kolorem jest pomarańczowy.

82
00:08:00,870 --> 00:08:11,140
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.

83
00:08:11,190 --> 00:08:14,680
Zrobię to trochę większe, tak że pokazuje lepiej w screencast.

84
00:08:14,680 --> 00:08:15,280
No to jedziemy.

85
00:08:15,500 --> 00:08:20,360
I właśnie wokół trzeciego div, który ma identyfikator słowa.

86
00:08:20,650 --> 00:08:32,380
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.

87
00:08:32,380 --> 00:08:42,710
Przede typu tak div okrężnicy pierwsza kreska typu rozdzielczej, które powinieneś znać z niektórych filmów selektora CSSA.

88
00:08:42,910 --> 00:08:55,730
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.

89
00:08:55,730 --> 00:09:05,350
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.

90
00:09:05,380 --> 00:09:19,970
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.

91
00:09:20,060 --> 00:09:23,590
Więc to nie jest natywny C Ss to tylko bardzo nieznacznie wolniej.

92
00:09:23,770 --> 00:09:25,540
Więc chciałbym używać przede typu.

93
00:09:25,880 --> 00:09:28,870
OK, więc to go do tego ćwiczenia w ciągu najbliższych kilku filmów.