1
00:00:00,270 --> 00:00:01,320
Witamy spowrotem.

2
00:00:01,320 --> 00:00:07,770
W tym filmie mamy zamiar spędzić czas rozmowy na temat różnych sposobów wyboru elementów za pomocą JavaScript i lalkę.

3
00:00:08,100 --> 00:00:12,600
Przed mówimy o rzeczywistych selektorów musimy po prostu przejrzeć dokument jeszcze raz.

4
00:00:12,720 --> 00:00:20,160
Należy pamiętać, że cała nasza dorm wszystkie obiekty wszystkie reprezentacje wszystkich elementów naszych żyć wewnątrz tego obiektu dokumentu.

5
00:00:20,220 --> 00:00:23,850
Jest to górna przedmiotem poziom lub węzeł główny.

6
00:00:25,140 --> 00:00:27,760
Więc niech szybko otworzyć żadnego okna przeglądarki.

7
00:00:27,870 --> 00:00:32,060
Mam zamiar korzystać z Google i spróbujmy wpisując te cztery linie.

8
00:00:32,430 --> 00:00:40,300
Więc otwórz konsolę i rodzaj dokumentu dot jesteś l i pokazuje nam adres URL strony, że jesteśmy na.

9
00:00:40,610 --> 00:00:46,400
Można zrobić dokument łączy kropki i to jest cała lista każdego linku na stronie.

10
00:00:46,410 --> 00:01:00,610
Każdy tag kotwicy możemy zrobić dokument Vadi i to jest całe ciało z każdym innym elementem wewnątrz niej, że mieszka w organizmie i możemy zrobić głowę dokument dot.

11
00:01:00,660 --> 00:01:03,340
Więc już widzieliśmy to w ciągu ostatnich kilku filmów.

12
00:01:03,360 --> 00:01:10,570
Powodem, dla którego jestem przedstawiający go do ciebie znowu jest to, że wszystkie selektorów wszystkich metod mamy zamiar nauczyć się też żyć wewnątrz dokumentu.

13
00:01:10,620 --> 00:01:17,250
Więc wszystko uczymy się w tym filmie ma zamiar zacząć dokument dot coś.

14
00:01:17,280 --> 00:01:21,250
Więc pokażę ci, co są te latków.

15
00:01:21,270 --> 00:01:24,030
Istnieje pięć głównych metod mamy zamiar mówić o tym filmie.

16
00:01:24,030 --> 00:01:25,860
Oni wszyscy wbudowane w dokumencie.

17
00:01:25,860 --> 00:01:27,920
Wszyscy zaczynają się dokument kropką.

18
00:01:28,020 --> 00:01:37,050
Można je zobaczyć tutaj uzyskać elementu przez ID uzyskać elementy o nazwie klasy uzyskać elementy wg nazwy tag selektora queery i selektora queery.

19
00:01:37,050 --> 00:01:46,020
Wszystko, jeśli można myśleć z powrotem do filmu zrobiłem na dodanie metod do obiektu, w którym możemy przechowywać w zasadzie funkcję jako wartość zamiast obiektu.

20
00:01:46,140 --> 00:01:53,280
Mieliśmy jak przestrzeń kotów w przestrzeni psa i mieliśmy mówić metodę, dodaliśmy do naszej przestrzeni psa obiektu.

21
00:01:53,310 --> 00:01:55,080
To jest dokładnie to, co się tutaj dzieje.

22
00:01:55,260 --> 00:02:00,060
Te pięć metod wszystkie zostały dodane do obiektu dokumentu.

23
00:02:00,900 --> 00:02:07,100
Więc zanim faktycznie zacząć tutaj chcę pokazać Ci pocztę H-G, które mam zamiar wykorzystać w celach demonstracyjnych.

24
00:02:07,230 --> 00:02:10,660
Jest to bardzo prosta strona ma tylko kilka elementów.

25
00:02:10,890 --> 00:02:16,020
Więc nasza normalna głowa jest prawie pusta oprócz tytułu lub ciała.

26
00:02:16,020 --> 00:02:20,350
A potem wewnątrz ciała do H-1 jest taki, który mówi cześć.

27
00:02:20,580 --> 00:02:21,910
Innym, że żegna.

28
00:02:22,140 --> 00:02:30,160
A potem trzy sojusznikami zamiast UL i te trzy sojusznicy element listy jeden dwa i trzy są nieco inne.

29
00:02:30,180 --> 00:02:35,450
Pierwszy z nich posiada podświetlenie identyfikatora i ostatni posiadają klasę o nazwie pogrubione.

30
00:02:35,670 --> 00:02:36,720
Więc mamy zamiar użyć.

31
00:02:36,720 --> 00:02:40,430
Fakt, że niektóre z nich są H-1 niektóre elementy są sojusznikami.

32
00:02:40,440 --> 00:02:41,430
Niektóre zajęcia.

33
00:02:41,430 --> 00:02:42,550
Jeden ma identyfikator.

34
00:02:42,630 --> 00:02:48,210
Mamy zamiar wykorzystać te różne właściwości, aby je zaznaczyć na różne sposoby iw różnych kombinacjach.

35
00:02:48,300 --> 00:02:54,680
Więc używam tego samego kodu tu w przykładach i Rysuję zielone pola, dzięki czemu można zobaczyć w kilku następnych slajdach.

36
00:02:54,690 --> 00:02:57,810
zaznaczona jest na zielono skrzynki wokół cokolwiek.

37
00:02:58,410 --> 00:03:00,680
OK, tak więc zaczynajmy z pierwszej metody.

38
00:03:00,780 --> 00:03:02,640
Uzyskaj elementu przez ID.

39
00:03:02,970 --> 00:03:05,310
Dlatego jego nazwa jest trochę oczywiste.

40
00:03:05,550 --> 00:03:11,750
To trwa w nazwie ID i to się dzieje, aby przywrócić jeden element, który pasuje do tego ID.

41
00:03:11,820 --> 00:03:15,220
Pamiętaj, że ID może wystąpić tylko jeden raz na stronie.

42
00:03:15,240 --> 00:03:18,560
Tak oto przykład dokument diked get elementu przez ID.

43
00:03:18,600 --> 00:03:26,940
Punktem kulminacyjnym będzie wybrać tę, która ma sojusznika Id podświetlenie więc wybiera obiekt, a następnie wraca do nas.

44
00:03:27,030 --> 00:03:29,450
Ja szybko pokazać, że w radzie.

45
00:03:29,520 --> 00:03:40,000
Więc będziemy otwierać konsolę do typu dokumentu get elementu przez ID podświetlenia, która jest nasza nazwa ID.

46
00:03:40,100 --> 00:03:43,020
Ratujmy go do zmiennej o nazwie znacznika.

47
00:03:43,020 --> 00:03:43,730
Hit enter.

48
00:03:43,890 --> 00:03:45,260
I spójrzmy na TAG.

49
00:03:45,690 --> 00:03:49,940
I widać, że daje nam pierwszy wiersz, który ma identyfikator równy podświetlić.

50
00:03:50,040 --> 00:03:52,670
Więc wybraliśmy coś przez ID.

51
00:03:52,800 --> 00:03:59,430
Znowu to pokazuje nam to, jakby to faktycznie wieku go dobrze, ale efektem jest to faktycznie javascript obiektu.

52
00:03:59,430 --> 00:04:02,980
Tak więc możemy zrobić anulowana, że ​​Diyar ponownie znacznika.

53
00:04:03,330 --> 00:04:05,030
I to jest w rzeczywistości, jak to wygląda.

54
00:04:05,040 --> 00:04:06,320
Wszystkie te właściwości.

55
00:04:06,480 --> 00:04:13,670
Więc to jest po prostu ładny skrót dla nas wizualnie zobaczyć, co wybraliśmy, ale w rzeczywistości jest to reprezentacja obiektu.

56
00:04:13,860 --> 00:04:16,740
Dobrze więc, że wszystko tam jest uzyskanie elementu przez ID.

57
00:04:17,070 --> 00:04:30,310
Nazywamy metodę mijamy w jednym argumencie String Nazwa identyfikatora, który chcemy, a potem idzie i znajdzie pasujący element, który ma ten sam identyfikator i zwraca reprezentację obiektu do nas.

58
00:04:31,320 --> 00:04:36,780
Kolejnym z nich jest uzyskać elementy o nazwie klasy, więc sama nazwa mówi dokładnie to, co robi.

59
00:04:36,840 --> 00:04:38,690
Podobnie jak uzyskać elementu przez ID.

60
00:04:38,820 --> 00:04:43,540
Choć jest to nieco inna Get elementy mnogiej z S od nazwy klasy.

61
00:04:43,620 --> 00:04:46,990
Pamiętaj klasy może nastąpić tyle razy ile chcemy na stronie.

62
00:04:47,100 --> 00:04:56,130
Więc przekazać w ciągu jak pogrubione i że zamierza powrócić do listy wszystkich elementów na stronie, które mają nazwę dopasowanie klasy pogrubione.

63
00:04:56,160 --> 00:05:04,150
W tym przypadku nie ma dwóch z nich, ale gdyby nie było dziesięć tysięcy elementów na stronie, która miała tę klasę chcemy uzyskać wszystkie 10000 na liście.

64
00:05:04,380 --> 00:05:19,610
Więc chodźmy wykazać to więc ocenić dokument get elementu poprzez nazwę klasy i można zobaczyć, jeśli mamy ten mały autouzupełniania tu, więc możemy wybrać ten, który chcemy uzyskać elementy o nazwie klasy, a następnie nazwę klasy chcemy jest pogrubiony.

65
00:05:20,130 --> 00:05:21,650
Ratujmy go do zmiennej.

66
00:05:21,650 --> 00:05:28,400
Tagi nie oznacz, ale tagi, ponieważ mamy zamiar uzyskać wiele tagów powrotem, jeśli spojrzymy na to, co jest znaczniki.

67
00:05:28,730 --> 00:05:32,660
Jest to lista dwoma leży zarówno z klasą równej pogrubione.

68
00:05:32,690 --> 00:05:34,730
Technicznie nie jest tablicą.

69
00:05:34,730 --> 00:05:38,330
To coś, co nazywa się lista węzeł, który jest tablicą podobne.

70
00:05:38,390 --> 00:05:40,450
Lubię myśleć o nim jako o lekkiej tablicy.

71
00:05:40,520 --> 00:05:43,700
Więc chodzi o niektóre z rzeczy, jakich można oczekiwać od tablicy.

72
00:05:43,820 --> 00:05:46,430
Ale niektóre z bardziej zaawansowanych funkcji są rzeczywiście brakuje.

73
00:05:46,430 --> 00:05:52,000
Tak na przykład możemy uzyskać dostęp do elementów, takich jak ta z użyciem znaczników indeksu 0.

74
00:05:52,220 --> 00:05:59,240
Możemy to zrobić tagów outflank ale nie możemy zrobić dla każdej pętli tagi Dot dla każdego.

75
00:05:59,720 --> 00:06:02,930
A jeśli po prostu zrobić to będzie mi powiedzieć, znaczniki są dla każdego.

76
00:06:02,930 --> 00:06:03,990
To nie działa.

77
00:06:04,250 --> 00:06:11,450
Więc to dlatego, że nie ma zdefiniowane dla tych list węzła, który jest zdefiniowane dla tablic, a te nie są macierze foreach.

78
00:06:11,750 --> 00:06:19,450
I podobnie jak w przypadku uzyskać elementu przez ID pokazuje nam ten piękny ciąg znaków, ale za kulisami, to faktycznie obiektem.

79
00:06:19,460 --> 00:06:25,740
Więc jeszcze raz, żeby udowodnić, że do was pocieszać dot DIR i robimy znacznika zerowego.

80
00:06:26,270 --> 00:06:31,960
I faktycznie jest to duży kompleks szalony obiektu z tonami właściwości.

81
00:06:32,540 --> 00:06:35,130
OK, więc przejdźmy elementy według nazwy klasy.

82
00:06:35,270 --> 00:06:36,320
Zwraca listę.

83
00:06:36,380 --> 00:06:37,600
Nie dość tablicą.

84
00:06:37,610 --> 00:06:44,110
I zawiera wszystkie elementy na stronie, która odpowiada danej nazwie klasy, że do tego celu.

85
00:06:44,120 --> 00:06:46,860
Następna w kolejce mamy się elementy, których autorem jest znakowanym nazwy.

86
00:06:46,880 --> 00:06:51,050
Więc ta działa podobnie jak dostać elementu przez ID lub uzyskać elementy o nazwie klasy.

87
00:06:51,140 --> 00:06:56,800
Oprócz tego, że zwraca listę elementów, które pasują do podanej nazwie jak Ally lub H-1.

88
00:06:56,810 --> 00:07:06,040
Więc w tym przypadku Biegnę dight dokument uzyskać elementy wg nazwy tag Alhaj, że zamierza powrócić do mnie listę trzech sojuszników, które istnieją na tej stronie.

89
00:07:06,500 --> 00:07:30,200
Więc znowu niech wykazać, że znaczniki var równa dokument uzyskać elementy o nazwie znacznika i zróbmy Alhaj pierwszy i przyjrzyjmy tagów, a my się do tej listy również nie do końca tablicy jest to lista węzeł, który ma trzy sojuszników i nie będę tego udowodnić do was tym razem.

90
00:07:30,290 --> 00:07:31,950
Poszedłem do konsula, że ​​DJR.

91
00:07:32,090 --> 00:07:35,300
Ale są to obiekty nie są one tylko struny, czy nie.

92
00:07:35,300 --> 00:07:39,030
H tim l są właściwie obiekty JavaScript z tymi wszystkimi właściwościami.

93
00:07:39,200 --> 00:07:42,230
Więc mogę zrobić to samo dla H-1.

94
00:07:42,410 --> 00:07:50,120
Będziemy więc zaznaczyć wszystkie te H i patrzymy na znaczniki i dojeżdżamy do H zer i listy.

95
00:07:50,270 --> 00:07:53,650
To nie tylko ograniczony znacznikami, które widzimy wewnątrz ciała.

96
00:07:53,660 --> 00:07:55,100
Mogę też zrobić coś takiego.

97
00:07:55,100 --> 00:08:04,250
Uzyskaj elementy wg nazwy tag ciała i ma zamiar powrócić do mnie listy z jednym elementem ciało w jej wnętrzu.

98
00:08:04,250 --> 00:08:16,490
Albo mogę też zrobić to za głowę lub elementu czasowego lub tytułu lub, co chcę, ale ważne jest to, że zwraca listę, nawet jeśli jest tylko jeden element, to nadal zwraca listę.

99
00:08:16,580 --> 00:08:32,960
Tak więc, aby wybrać ciało mogliśmy zrobić coś takiego ciała var dokumentu eCos że dostać elementy wg nazwy tag ciała, a potem po prostu wziąć pierwszy element, ponieważ jest tylko jedna pozycja na tej liście.

100
00:08:32,960 --> 00:08:38,130
A jeśli spojrzymy na to, co organizm jest dostać ten gigantyczny obiekt, który w całym organizmie.

101
00:08:38,390 --> 00:08:38,690
OK.

102
00:08:38,690 --> 00:08:40,880
Więc to Get elementy według nazwy znacznika.

103
00:08:40,880 --> 00:08:43,960
Wystarczy przypomnieć, nadać mu nazwę znacznika takiego sojusznika.

104
00:08:44,060 --> 00:08:48,510
To idzie i znajdzie wszystkie elementy, które pasują i zwraca je wszystkie do ciebie w postaci listy.

105
00:08:48,560 --> 00:08:50,960
Nawet jeśli jest tylko jeden.

106
00:08:51,080 --> 00:08:54,070
Więc mam inny przykład robi to z H-1.

107
00:08:54,200 --> 00:08:57,270
Widać, że wybiera dwa H raz.

108
00:08:58,190 --> 00:09:00,620
Ok, więc teraz musimy zmieniać biegi trochę.

109
00:09:00,710 --> 00:09:05,450
Nie mamy już element GET lub dostać coś elementy składni.

110
00:09:05,540 --> 00:09:11,360
Nazywa się to selektor queery i selektor zapytania to nowsze metody, która nie istnieje już tak dawno.

111
00:09:11,390 --> 00:09:13,640
To naprawdę sprawia, że ​​nasze życie o wiele łatwiejsze.

112
00:09:13,670 --> 00:09:23,980
Więc właściwie można go użyć do zrobienia wszystkiego, co widzieliśmy z elementem Otrzymuj id uzyskać elementy według nazwy klasy uzyskać elementy o nazwie znacznika możemy replikować wszystko to z selektorem zapytaniami.

113
00:09:24,350 --> 00:09:28,260
Więc co robi to trwa selektor stylu CSSA.

114
00:09:28,370 --> 00:09:34,130
Więc selektor stylu CSSA oznacza, byle z selektorów użylibyśmy zamiast dokumentu CSSA.

115
00:09:34,130 --> 00:09:50,060
Tak więc w tym przykładzie mam wybierając coś oparciu off z podświetleniem ID więc nie można po prostu napisać podświetlenie słowo tak jak ja, z elementem Otrzymuj ID ale muszę zrobić, to użyć składni CSSA symbolem krzyżyka lub Octa Thorpe, a następnie zaznaczyć.

116
00:09:50,060 --> 00:09:52,640
Tak to jest, jak wybrać coś z selektorem zapytania.

117
00:09:52,640 --> 00:09:59,180
Jeśli chcesz identyfikator podobnie jak przy połączeniach z Css i mamy ten pierwszy sojusznikiem o ID równym podświetlić.

118
00:09:59,180 --> 00:10:13,070
Przed I przejść do konsoli i wpisz to uwagę Pokażę ci, co możemy zrobić to samo z tagiem nazwa klasy var równa dokument queery selektor dot złożoną, która jest jak będziemy wybierać pogrubiony klasy przy użyciu C SS.

119
00:10:13,350 --> 00:10:18,200
I co ważne jest to, że właściwie tylko daje nam bardzo pierwszy mecz.

120
00:10:18,210 --> 00:10:25,240
Dlatego, mimo że istnieją dwa elementy, które są pogrubione w klasie tylko daje nam pierwszy z nich i to jest punkt selektora.

121
00:10:25,290 --> 00:10:31,990
Zawsze po prostu zwraca jeden element nie ma innej metody zobaczymy wkrótce, że zwróci wszystkie elementy, które pasują.

122
00:10:32,010 --> 00:10:35,540
Więc selektor zapytanie może również podjąć w nazwie znacznika jak my tu mamy.

123
00:10:35,550 --> 00:10:39,140
H-1 i zwraca pierwszego H-1.

124
00:10:39,600 --> 00:10:47,300
Więc możemy CSSA selektorów, że piszemy cały czas i zobaczyć SS i możemy używać tej składni, aby wybrać elementy z selektorem zapytaniami.

125
00:10:47,640 --> 00:10:49,190
Więc będę wykazać, że tutaj.

126
00:10:49,410 --> 00:10:53,830
Pozwól mi się to oczywiste i niech wybrać to pierwsze.

127
00:10:53,830 --> 00:10:54,630
H-1.

128
00:10:54,750 --> 00:10:56,310
Więc wszystko, co trzeba zrobić.

129
00:10:56,340 --> 00:11:05,900
Var H-1 jest równa wyboru zapytań Dokument H-1.

130
00:11:06,450 --> 00:11:13,700
A jeśli spojrzymy na to, co H1 jest znowu to miły reprezentacji ciąg ale w rzeczywistości obiekt, który reprezentuje cały ten element.

131
00:11:14,220 --> 00:11:18,160
Więc następnym aż spróbujmy wybierając oparte wyłączać z identyfikatorem.

132
00:11:18,210 --> 00:11:21,270
Więc jestem po prostu skopiować tę linię zamiast H-1.

133
00:11:21,270 --> 00:11:29,280
To będzie sojusznikiem i zamiast wybierania pierwszego H-1 będzie wybrać pierwszy element, który ma podświetlenie ID.

134
00:11:29,640 --> 00:11:37,160
I oczywiście, że jest tylko jeden element, ponieważ jest to ID oczywiście to tylko jeden element, który ma tę ideę na stronie, a my potrzebujemy tego.

135
00:11:37,170 --> 00:11:38,220
Octa Thorgeir.

136
00:11:38,400 --> 00:11:44,180
W przeciwnym razie to będzie szukać nazwy tag nazwie podświetleniem, który nie istnieje i H. J. go.

137
00:11:45,010 --> 00:11:52,020
A jeśli uderzę wejść i spojrzeć na Alhaj mam tego pierwszego elementu listy sojusznikiem z jednej ID równe podświetlenie.

138
00:11:52,500 --> 00:11:55,650
Wreszcie zróbmy to samo z klasą.

139
00:11:55,800 --> 00:12:07,270
Więc używam CSSA Leichter dot składany, który jest, jak wybrać klasę i jeśli spojrzymy na Ally uzyskać drugą pozycję sojusznika z klasy równa listy punktowanej 2.

140
00:12:07,440 --> 00:12:09,350
Tak więc istnieją inne rzeczy, które możemy wybrać.

141
00:12:09,510 --> 00:12:13,190
To nie tylko opiera się o nazwie znacznika lub identyfikatora lub klasy.

142
00:12:13,200 --> 00:12:25,770
Są to najczęściej, ale możemy robić inne rzeczy, jak ta, która nie będzie działać na mojej stronie, ale mogłem wybrać wszystkie znaczniki zakotwiczenia wewnątrz sojusznika z klasy specjalnej.

143
00:12:25,770 --> 00:12:29,550
A to już selektor C Ss ale jest to ważne w USA.

144
00:12:29,620 --> 00:12:35,730
Tak więc wszystkie znaczniki kotwiące posiadają klasę specjalnych, które są zagnieżdżone wewnątrz sojusznika i to jest zupełnie poprawne.

145
00:12:35,730 --> 00:12:37,920
Znowu nie mam to ustawić na mojej stronie.

146
00:12:37,920 --> 00:12:40,900
Więc jeśli uderzę Wprowadź po prostu będzie mi dać.

147
00:12:41,520 --> 00:12:44,180
Nie dlatego, że nie znaleźliśmy żadnych wyników.

148
00:12:45,030 --> 00:12:49,200
Tak jak już wspomniałem selektor Querrey zwraca pierwszy mecz i to wszystko.

149
00:12:49,200 --> 00:12:53,040
Czasami jest to przydatne na przykład jeśli chcesz wybrać się do organizmu.

150
00:12:53,160 --> 00:13:01,380
Wszystko, co musisz zrobić, to znaczy ciało wyboru zapytań i który daje ciała w odróżnieniu od kiedy zrobiłem dokument diked uzyskać elementy wg nazwy tag ciała.

151
00:13:01,380 --> 00:13:05,030
Dali mi listę, a potem trzeba było prosić o pierwszym elemencie.

152
00:13:05,220 --> 00:13:08,520
Jeśli użyć selektora zapytań Ja po prostu ciało od razu.

153
00:13:08,730 --> 00:13:11,570
Ale alternatywą jest queery selektor wszystkich.

154
00:13:11,640 --> 00:13:13,570
Tak to działa dokładnie w ten sam sposób.

155
00:13:13,590 --> 00:13:17,840
Zajmuje C selektora zestaw ale zwraca wszystkie elementy ogłoszeń.

156
00:13:17,850 --> 00:13:28,520
Więc w tym przypadku używam udokumentować, że selektor kwerendy wszystkich H-1 powraca zarówno h jednorazowo lub w tym przypadku używam klasy pogrubiony.

157
00:13:28,620 --> 00:13:29,820
Więc styl CSSA.

158
00:13:29,850 --> 00:13:34,610
Potrzebuję dot pogrubione i że daje mi oba elementy z klasą równego pogrubione.

159
00:13:34,770 --> 00:13:36,930
Warto więc wykazać, że w kon ..

160
00:13:37,050 --> 00:13:40,140
Załóżmy, wybrać wszystkie sojuszników do tej pory.

161
00:13:40,140 --> 00:13:43,200
Sojusznicy równa udokumentować, że selektor zapytania.

162
00:13:43,440 --> 00:13:46,560
Wszystko sprzymierzeńcem.

163
00:13:46,870 --> 00:13:48,300
I że będzie mi dać wszystkie z nich.

164
00:13:48,510 --> 00:13:49,820
Patrzę na sojuszników.

165
00:13:50,040 --> 00:13:52,010
Widać, że ma trzy sojuszników.

166
00:13:52,380 --> 00:13:54,370
Ostatni raz wiem, że jestem zdarta płyta.

167
00:13:54,390 --> 00:13:55,660
Są to obiekty.

168
00:13:55,740 --> 00:13:57,200
Nie są one HMO.

169
00:13:57,270 --> 00:14:01,410
Są to obiekty JavaScript, które są zbudowane z HMO.

170
00:14:02,220 --> 00:14:08,450
A jeśli robię to samo, ale zamiast to zrobić z selektora zapytań i nacisnąć enter.

171
00:14:08,760 --> 00:14:12,180
Jeśli patrzę na sojuszników nie jest to lista to tylko jeden.

172
00:14:12,510 --> 00:14:14,520
Tak samo, jeśli zrobiłem to dla klasy.

173
00:14:14,550 --> 00:14:17,670
Więc zróbmy to dla pogrubionej klasie.

174
00:14:17,670 --> 00:14:23,320
Będziemy po prostu nazwać to pogrubione i czy dokument, który kropkę wyboru zapytania pogrubiony.

175
00:14:24,060 --> 00:14:27,920
I patrzę na to, że to dopiero pierwszy element listy element zbyt.

176
00:14:27,990 --> 00:14:35,630
A jeśli mam selektor zapytania wszystko, co następnie uzyskać listę z obu z nich tam.

177
00:14:35,860 --> 00:14:42,940
Jeden punkt w błąd często dla moich uczniów jest to, że można nadal korzystać z selektora zapytań wszystko, nawet jeśli jest tylko jeden element szukasz.

178
00:14:43,120 --> 00:14:51,070
Więc można zrobić coś jak var sojusznikiem równa dokumentu selektor zapytań dot.

179
00:14:51,300 --> 00:14:59,300
Każdy z identyfikatorem podobnego podświetleniem i patrzę na Ally i to lista z jednej pozycji.

180
00:14:59,350 --> 00:15:03,700
To jest po prostu dość rzadkie, że można to zrobić, ale będzie nadal działać, jeśli istnieje tylko jeden mecz.

181
00:15:04,080 --> 00:15:06,530
Dobrze więc pokryte wiele ziemi w tym filmie.

182
00:15:06,900 --> 00:15:10,320
Więc wróćmy do początku i zrobić naprawdę szybko zakończyć.

183
00:15:10,530 --> 00:15:24,530
Zaczęliśmy rozmawiać o tym, jak wszystkie te metody są wewnątrz obiektu dokumentu możemy wybrać przez ID z elementem Otrzymuj ID możemy wybrać nazwy z klasy się elementy według nazwy klasy i zwraca listę, która nie jest w rzeczywistości szyk.

184
00:15:24,610 --> 00:15:26,370
To się nazywa listę węzłów.

185
00:15:26,380 --> 00:15:36,850
Możemy zrobić to samo, ale z wykorzystaniem elementów Otrzymuj nazwie znacznika, który będzie również zwraca listę węzłów w oparciu off typu elementu, który wybieramy wtedy mamy selektor zapytania, który jest gniazdem wszystkich branż.

186
00:15:36,990 --> 00:15:40,860
Zwraca pierwszy element, który pasuje do danego selektora CSSA.

187
00:15:40,980 --> 00:15:52,210
Więc możemy użyć go do zrobienia wszystkiego, by uzyskać elementu id nazwa klasy i nazwy znacznika nie możemy dać mu identyfikator jak my tutaj, w klasie, jak my tutaj, albo nazwa elementu.

188
00:15:52,620 --> 00:15:57,900
A jeszcze selektor zapytania wszystko, co działa w ten sam sposób, oprócz tego, że zwraca listę, która nie jest tablicą.

189
00:15:57,900 --> 00:16:01,800
Jest to także węzeł pękła z wszystkich elementów pasujących do danego wyboru.

190
00:16:01,800 --> 00:16:02,040
W porządku.