1
00:00:00,270 --> 00:00:01,320
Tekrar hoşgeldiniz.

2
00:00:01,320 --> 00:00:06,270
Bu videoda, javascript'i ve bebeği kullanarak öğelerin seçiminin farklı yolları hakkında konuşmak

3
00:00:06,270 --> 00:00:07,770
için zaman harcayacağız.

4
00:00:08,100 --> 00:00:12,600
Gerçek seçiciler hakkında konuşmaya başlamadan önce belgeyi bir kez daha gözden geçirmeliyiz.

5
00:00:12,720 --> 00:00:18,540
Bütün yurt binamızın tüm temsillerini oluşturan tüm nesnelerin bu belge nesnesinin

6
00:00:18,540 --> 00:00:20,160
içinde yaşadığını unutmayın.

7
00:00:20,220 --> 00:00:23,850
Üst düzey nesne veya kök düğüm.

8
00:00:25,140 --> 00:00:27,760
Hemen tüm tarayıcı pencerelerini açalım.

9
00:00:27,870 --> 00:00:32,060
Google'ı kullanacağım ve bu dört satırı yazmayı deneyelim.

10
00:00:32,430 --> 00:00:39,660
Konsolu açıp l belge noktasına yazın, l olduğumuz sayfanın URL'sini bize

11
00:00:39,660 --> 00:00:40,300
gösterir.

12
00:00:40,610 --> 00:00:46,400
Belge noktası bağlantıları yapabilirsiniz ve bu, sayfadaki her bir bağlantının tam bir listesi.

13
00:00:46,410 --> 00:00:55,350
Yapabileceğimiz her tek bağlama etiketi Vadi'yi belgeliyor ve bu da vücudun içinde yaşayan diğer tüm

14
00:00:55,350 --> 00:01:00,610
elemanlarla birlikte tüm gövde ve belge nokta kafası yapabiliyoruz.

15
00:01:00,660 --> 00:01:03,340
Bu yüzden son birkaç videoda bunu zaten gördük.

16
00:01:03,360 --> 00:01:07,440
hepsinin öğreneceğimiz tüm yöntemlerin belgenin içinde yaşamasıdır.

17
00:01:07,440 --> 00:01:10,570
Sana tekrar göstermemin sebebi seçicilerin

18
00:01:10,620 --> 00:01:17,250
Dolayısıyla bu videoda öğrendiğimiz her şey belge noktaları ile başlayacak.

19
00:01:17,280 --> 00:01:21,250
O halde sana bazı şeyleri göstereceğim.

20
00:01:21,270 --> 00:01:24,030
Bu videoda konuşacağımız beş ana yöntem var.

21
00:01:24,030 --> 00:01:25,860
Hepsi belgenin içine yerleştirildi.

22
00:01:25,860 --> 00:01:27,920
Hepsi belge noktası ile başlar.

23
00:01:28,020 --> 00:01:35,820
Onları burada görebilirsiniz id tarafından elemanlar olsun sınıf ismi ile elemanlar olsun tag ismine göre elemanlar olsun queery selector ve

24
00:01:36,060 --> 00:01:37,050
queery selector.

25
00:01:37,050 --> 00:01:42,690
Videoya geri dönüp düşünemiyorsanız, temelde bir nesneyi yerine bir değer olarak

26
00:01:42,690 --> 00:01:46,020
depolayabildiğimiz bir nesneye yöntem ekleyerek yaptım.

27
00:01:46,140 --> 00:01:52,650
Köpek boşluğunda kedi boşluğu gibi bir yer vardı ve biz köpek uzay nesnesine eklediğimiz yöntemi konuşmak zorundaydık.

28
00:01:53,310 --> 00:01:55,080
Tam da burada oluyor.

29
00:01:55,260 --> 00:02:00,060
Bu beş yöntem belge nesnesine eklenmiştir.

30
00:02:00,900 --> 00:02:05,760
Bu yüzden aslında burada başlamaya başlamadan önce gösteri amacıyla kullanacağımız H-G postasını

31
00:02:05,760 --> 00:02:07,100
size göstermek istiyorum.

32
00:02:07,230 --> 00:02:10,660
Bu çok basit bir sayfanın sadece bir kaç unsuru var.

33
00:02:10,890 --> 00:02:16,020
Dolayısıyla normal başımıza bir başlık veya vücudun yanı sıra boşluk bırakılmıştır.

34
00:02:16,020 --> 00:02:20,350
Ve sonra vücudun içi H-1, merhaba deyin.

35
00:02:20,580 --> 00:02:21,910
Elveda diyor başka.

36
00:02:22,140 --> 00:02:29,250
Sonra bir UL yerine üç müttefik ve bu üç müttefikler listesinde bir, iki ve üçüncüsü

37
00:02:29,250 --> 00:02:30,160
biraz farklıdır.

38
00:02:30,180 --> 00:02:35,450
İlki, bir kimliği vurgulamış ve sonuncusu cesur adı verilen bir sınıfa sahip.

39
00:02:35,670 --> 00:02:36,720
Yani biz bunu kullanacağız.

40
00:02:36,720 --> 00:02:40,430
Bazılarının H-1 olması bazı unsurların müttefikleridir.

41
00:02:40,440 --> 00:02:41,430
Bazılarının sınıfları var.

42
00:02:41,430 --> 00:02:42,550
Birinde kimliği var.

43
00:02:42,630 --> 00:02:47,160
Farklı özellikleri ve farklı kombinasyonları seçmek için bu farklı özellikleri kullanacağız.

44
00:02:48,300 --> 00:02:53,850
Bu yüzden burada aynı kodları örneklerde kullanıyorum ve önümüzdeki birkaç slaytta görebilmeniz için yeşil bir

45
00:02:53,850 --> 00:02:54,680
kutu çiziyorum.

46
00:02:54,690 --> 00:02:57,810
Her şeyin etrafında yeşil bir kutu seçildi.

47
00:02:58,410 --> 00:03:00,680
Tamam, bu yüzden ilk yöntemle başlayalım.

48
00:03:00,780 --> 00:03:02,640
Öğeyi kimliğe göre al.

49
00:03:02,970 --> 00:03:05,310
Dolayısıyla adı biraz açıklayıcıdır.

50
00:03:05,550 --> 00:03:11,750
Bir kimlik adı alır ve kimliği ile eşleşen bir öğeyi döndürür.

51
00:03:11,820 --> 00:03:15,220
Kimliğin bir sayfada yalnızca bir kez oluşabileceğini unutmayın.

52
00:03:15,240 --> 00:03:18,560
Öyleyse, öğeyi KIMLIĞI olarak almak için örnek bir belge örneği var.

53
00:03:18,600 --> 00:03:26,010
Vurgu, nesneyi seçip o zaman bize geri dönen Id vurgulu bu müttefiği

54
00:03:26,070 --> 00:03:26,940
seçecek.

55
00:03:27,030 --> 00:03:29,450
Bunu konseyde hızlı bir şekilde göstereceğim.

56
00:03:29,520 --> 00:03:34,440
olan id highlight öğesine göre bir belge türü get öğesine açacağız.

57
00:03:37,530 --> 00:03:40,000
Bu nedenle konsolu, ID adımız

58
00:03:40,100 --> 00:03:43,020
Etiket adı verilen bir değişkene kaydettirelim.

59
00:03:43,020 --> 00:03:43,730
Gir gir.

60
00:03:43,890 --> 00:03:45,260
Ve TAG'a bakalım.

61
00:03:45,690 --> 00:03:49,940
Üstelik vurgulamaya eşit olan kimliği olan ilk satırı bize veriyor.

62
00:03:50,040 --> 00:03:52,670
Bu yüzden bir kimlikle bir şeyler seçtik.

63
00:03:52,800 --> 00:03:58,140
Yine onu sanki onu yaşlandırmış gibi gösteriyor ama sonuç aslında

64
00:03:58,140 --> 00:03:59,430
bir javascript nesnesidir.

65
00:03:59,430 --> 00:04:02,980
Bunu yapabiliriz, Diyar'ın ibaresini tekrar iptal etti.

66
00:04:03,330 --> 00:04:05,030
Ve aslında bunun nasıl göründüğü.

67
00:04:05,040 --> 00:04:06,320
Tüm bu özellikler.

68
00:04:06,480 --> 00:04:12,630
Dolayısıyla bu, yalnızca seçtiğimiz şeyi görsel olarak görebilmemiz için güzel bir kısadır, ancak aslında bir

69
00:04:12,630 --> 00:04:13,670
nesne temsilidir.

70
00:04:13,860 --> 00:04:16,740
Pekala, elemanı KİM ile alabilmek için hepsi bu kadar.

71
00:04:17,070 --> 00:04:23,220
Tek bir dizge argümanıyla geçirdiğimiz yöntemi adlandırdığımız bir kimliğin adını çağırır ve sonra

72
00:04:23,220 --> 00:04:30,310
aynı kimliğe sahip eşleşen öğeyi bulur ve bulur ve nesne temsilini bize geri gönderir.

73
00:04:31,320 --> 00:04:36,780
Sıradaki elemanlar, sınıf ismine göre elemanlar alıyor, böylece adı tam olarak ne yaptığını anlatıyor.

74
00:04:36,840 --> 00:04:38,690
Tıpkı kimlik numarası gibi olsun.

75
00:04:38,820 --> 00:04:43,540
Her ne kadar bu biraz farklı olsa da, S öğelerini sınıf adına göre çoğaltırlar.

76
00:04:43,620 --> 00:04:46,990
Bir sınıfın bir sayfada istediğiniz kadar çok kez oluşabileceğini unutmayın.

77
00:04:47,100 --> 00:04:53,520
Böylece kalın gibi bir dize geçtik ve sayfada eşleşen sınıf adının kalın

78
00:04:53,670 --> 00:04:56,130
olduğu tüm öğelerin listesini döndürüyoruz.

79
00:04:56,160 --> 00:05:01,590
Bu durumda ikisi var, ancak sınıfta on bin öğe olsaydı, bir

80
00:05:02,010 --> 00:05:04,150
listede 10000'ün hepsini elde ederdik.

81
00:05:04,380 --> 00:05:11,810
Dolayısıyla, bunu göstereceğiz, böylece sınıf öğesine göre belge alımı belgesini derecelendirir ve bu küçük otomatik tamamlama işlemini

82
00:05:11,810 --> 00:05:17,360
burada alıp almayacağımızı görebilirsiniz; böylece, sınıf adıyla elemanlar elde etmek isteyebilir ve daha

83
00:05:17,360 --> 00:05:19,610
sonra istediğimiz sınıf adı kalınlaştırılır.

84
00:05:20,130 --> 00:05:21,650
Bir değişkene kaydedin.

85
00:05:21,650 --> 00:05:28,400
Etiketler etiketi değil etiketleri kullandığımızdan, hangi etiketlere baktığımızda birden fazla etiketi geri alacağız.

86
00:05:28,730 --> 00:05:32,660
Hem sınıfa eşit olan iki yalanın bir listesi.

87
00:05:32,690 --> 00:05:34,730
Teknik olarak bir dizi değil.

88
00:05:34,730 --> 00:05:38,330
Bu, dizi gibi bir düğüm listesi denilen şeydir.

89
00:05:38,390 --> 00:05:40,450
Hafif bir dizi olarak düşünmek hoşuma gidiyor.

90
00:05:40,520 --> 00:05:43,700
Bu yüzden, bir diziden bekleyebileceğiniz bazı şeylerle birlikte gelir.

91
00:05:43,820 --> 00:05:46,430
Ancak daha gelişmiş bazı özellikler aslında eksik.

92
00:05:46,430 --> 00:05:52,000
Mesela, 0 gibi bir indeks etiketi kullanarak böyle unsurlara erişebiliriz.

93
00:05:52,220 --> 00:05:59,240
Dışarıda kalacak etiketler yapabiliriz ancak her bir döngü etiketi için ayrı ayrı nokta yapamayız.

94
00:05:59,720 --> 00:06:02,930
Ve eğer bunu yaparsam bana etiketlerin her biri için olduğunu söyleyebilir.

95
00:06:02,930 --> 00:06:03,990
Bu bir işlev değil.

96
00:06:04,250 --> 00:06:10,340
diziler için tanımlanan bu düğüm listeleri için hiçbir foreach tanımlanmamıştır ve bunlar diziler değildir.

97
00:06:10,340 --> 00:06:11,450
Bunun nedeni,

98
00:06:11,750 --> 00:06:17,780
Ve sadece id öğesi ile olsun bu güzel dize gösterimini gösterir ancak sahnenin arkasında

99
00:06:17,930 --> 00:06:19,450
aslında bir nesne.

100
00:06:19,460 --> 00:06:25,740
Dirali nokta konsolunu ispatlamak için tekrar tekrar et ve sıfır etiket yapalım.

101
00:06:26,270 --> 00:06:31,960
Ve aslında tonlarca özelliği olan bu büyük karmaşık deli nesne.

102
00:06:32,540 --> 00:06:35,130
Tamam o halde sınıf adına göre elementler alalım.

103
00:06:35,270 --> 00:06:36,320
Bir liste döndürür.

104
00:06:36,380 --> 00:06:37,600
Oldukça farklı değil.

105
00:06:37,610 --> 00:06:44,110
Ayrıca sayfada sağladığımız sınıf adıyla eşleşen her öğeyi içerir.

106
00:06:44,120 --> 00:06:46,860
Sonraki aşamada, etiketli isme göre öğeler elde ediyoruz.

107
00:06:46,880 --> 00:06:51,050
Yani bu sadece elemanı KİM olarak almak ya da sınıf adıyla elemanlar almak gibi işe yarıyor.

108
00:06:51,140 --> 00:06:56,800
Bunun dışında, Ally veya H-1 gibi belirli bir etiket adına uyan öğelerin bir listesini döndürür.

109
00:06:56,810 --> 00:07:02,780
Dolayısıyla bu durumda belge üzerinde çalışıyorum, Alhaj adlı etiket adına göre elemanlar olsun, bu sayfada bu

110
00:07:02,780 --> 00:07:06,040
sayfada var olan üç müttefiklerden oluşan bir liste dönecektir.

111
00:07:06,500 --> 00:07:16,040
elde ettikleri dokümana eşit olduğunu ve ilk olarak Alhaj'ı yapalım ve etiketleri inceleyelim ve bu listeyi de pek

112
00:07:16,040 --> 00:07:26,630
de bir dizi değil elde ettik. Bu, üç müttefiki olan bir düğüm listesidir ve bunu kanıtlayamayacağımızı gösterelim Bu kez sana.

113
00:07:26,630 --> 00:07:30,200
Bu yüzden var etiketlerinin, etiket adıyla elemanları

114
00:07:30,290 --> 00:07:31,950
Konsolosluğa DJR'ye gittim.

115
00:07:32,090 --> 00:07:35,300
Fakat bunlar sadece dizeler ya da diziler değil nesnelerdir.

116
00:07:35,300 --> 00:07:39,030
Aslında bunlar tüm bu özelliklere sahip javascript nesnelerdir.

117
00:07:39,200 --> 00:07:42,230
Böylece H-1 için aynı şeyi yapabilirim.

118
00:07:42,410 --> 00:07:50,120
Bu yüzden hepsini seçeceğiz ve etiketleri inceleyeceğiz ve onlara ve listeye kavuşacağız.

119
00:07:50,270 --> 00:07:53,650
Vücut içinde gördüğümüz etiketlerle sınırlı değildir.

120
00:07:53,660 --> 00:07:55,100
Ben de böyle bir şey yapabilirim.

121
00:07:55,100 --> 00:08:03,200
Etiket adı gövdesine göre öğeler alırsınız ve bana içinde bir cisim içeren bir

122
00:08:03,200 --> 00:08:04,250
liste gönderecek.

123
00:08:04,250 --> 00:08:11,450
Veya baş ya da zaman öğesi ya da başlık ya da ne istersem yapabilirim, ancak önemli bir unsur,

124
00:08:11,450 --> 00:08:16,490
yine de bir liste döndüren yalnızca bir öğe olsa bile bir liste döndürmesidir.

125
00:08:16,580 --> 00:08:23,360
Vücut seçmek için, var gövdesi ECO'lar belgesine benzer bir şey yapabiliriz, bunlar etiket adı gövdesine

126
00:08:24,920 --> 00:08:32,960
göre elemanlar alır ve sonra sadece o maddede yer alırlar çünkü bu listede yalnızca bir madde vardır.

127
00:08:32,960 --> 00:08:38,130
Ve ne bedene bakarsak, bu devi cisim bütün cesedi alırız.

128
00:08:38,390 --> 00:08:38,690
TAMAM.

129
00:08:38,690 --> 00:08:40,880
Yani, öğeleri etiket adına göre al.

130
00:08:40,880 --> 00:08:43,960
Tekrarlamak için ona Ally gibi bir etiket adı verin.

131
00:08:44,060 --> 00:08:48,510
Gidip eşleşen tüm öğeleri bulur ve hepsini bir listede döndürür.

132
00:08:48,560 --> 00:08:50,960
Sadece bir tane olsa bile.

133
00:08:51,080 --> 00:08:54,070
İşte burada bir H-1 ile başka bir örnek yapıyorum.

134
00:08:54,200 --> 00:08:57,270
İki H'yi bir kez seçtiğini görebilirsiniz.

135
00:08:58,190 --> 00:09:00,620
Tamam şimdi vites değiştiriyoruz biraz.

136
00:09:00,710 --> 00:09:05,450
Artık bir get elemanımız yok ya da herhangi bir sözdizimi ile eleman alıyoruz.

137
00:09:05,540 --> 00:09:10,730
Buna kraliçe seçici denir ve sorgu seçici, bu kadar uzun süredir var olmayan yeni

138
00:09:10,730 --> 00:09:11,360
bir yöntemdir.

139
00:09:11,390 --> 00:09:13,640
Bu gerçekten hayatımızı kolaylaştırıyor.

140
00:09:13,670 --> 00:09:18,980
Bu yüzden aslında gördüğümüz her şeyi yapmak için bunu kullanabilirsiniz. Get element by class name

141
00:09:18,980 --> 00:09:23,980
get element by tag name ile elemanları elde ederiz, hepsini sorgular seçici ile çoğaltabiliriz.

142
00:09:24,350 --> 00:09:28,260
Yaptığı şey, bir CSSA stil seçicisi gerektirmesi.

143
00:09:28,370 --> 00:09:34,130
Yani bir CSSA stil seçici, bir CSSA belgesi yerine kullanacağımız seçicilerin herhangi birisi anlamına gelir.

144
00:09:34,130 --> 00:09:40,280
karma simge veya Octa ile kullanmak gibi yapmam gerekiyor Thorpe ve sonra vurgulayın.

145
00:09:40,280 --> 00:09:47,540
Yani bu örnekte Kimliğim vurgulamaya dayalı bir şey seçiyorum, böylece yalnızca Kimliğiyle öğe almakla yaptığım gibi

146
00:09:47,630 --> 00:09:50,060
vurguyu yazamıyorum ancak CSSA sözdizimini

147
00:09:50,060 --> 00:09:52,640
Bu yüzden sorgu seçici ile bir şeyler seçeceksiniz.

148
00:09:52,640 --> 00:09:58,880
Css ile yaptığınız gibi bir kimlik istiyorsanız ve vurgulamaya eşit kimliği olan bu ilk müttefikimiz olsun.

149
00:09:59,180 --> 00:10:03,950
Konsola gitmeden önce şunu yazacağım size aynı şeyi bir sınıf

150
00:10:03,950 --> 00:10:11,190
adı var etiketi ile eşleyebiliriz, bu kraliçe seçici nokta katlanmış ve Cs'leri kullanarak koyu sınıla

151
00:10:11,190 --> 00:10:13,070
nasıl seçeceğimizi göstereceğim.

152
00:10:13,350 --> 00:10:18,200
Ve önemli olan aslında bize sadece ilk maçı veriyor olmasıdır.

153
00:10:18,210 --> 00:10:23,910
Dolayısıyla sınıf olarak cesur iki unsur olsa da, sadece birincisini verir ve

154
00:10:23,910 --> 00:10:25,240
seçicinin noktası budur.

155
00:10:25,290 --> 00:10:30,960
Her zaman yalnızca bir öğe döndürür. Kısaca göreceğimiz, eşleşen tüm öğeleri döndürecek başka bir

156
00:10:30,960 --> 00:10:31,990
yöntem var.

157
00:10:32,010 --> 00:10:35,540
Yani bir sorgu seçici, burada sahip olduğumuz gibi bir etiket adını da alabilir.

158
00:10:35,550 --> 00:10:39,140
H-1 ve ilk H-1'i döndürür.

159
00:10:39,600 --> 00:10:45,570
Böylece her zaman yazdığımız ve SS'yi gören CSSA seçicilerini alabilir ve sorguları seçici olan öğeleri seçmek

160
00:10:45,570 --> 00:10:47,300
için bu sözdizimini kullanabiliriz.

161
00:10:47,640 --> 00:10:49,190
Bu yüzden burada göstereceğim.

162
00:10:49,410 --> 00:10:53,830
Bunu temizleyeyim ve önce bunu seçelim.

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

164
00:10:54,750 --> 00:10:56,310
Böylece tüm yapmam gereken.

165
00:10:56,340 --> 00:11:01,080
Var H-1, belge sorgusu seçici

166
00:11:03,930 --> 00:11:05,900
H-1'e eşittir.

167
00:11:06,450 --> 00:11:11,820
H1'e baktığımızda güzel bir dize gösterimi ama aslında bu öğenin tamamını

168
00:11:11,820 --> 00:11:13,700
temsil eden bir nesne.

169
00:11:14,220 --> 00:11:18,160
Bu yüzden bir sonraki adımda, kimliği temel alarak seçmeyi deneyelim.

170
00:11:18,210 --> 00:11:21,270
Bu yüzden sadece bu satırı H-1 yerine kopyalayacağım.

171
00:11:21,270 --> 00:11:27,480
Bu bir müttefik olacak ve ilk H-1'i seçmek yerine kimliği vurgulayan

172
00:11:27,480 --> 00:11:29,280
ilk öğeyi seçeceksiniz.

173
00:11:29,640 --> 00:11:35,370
Ve elbette yalnızca bir öğe var, çünkü bu bir Kimliğidir ki bir sayfada bu fikri bulunan tek bir

174
00:11:35,380 --> 00:11:37,160
öğedir ve buna ihtiyacımız vardır.

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

176
00:11:38,400 --> 00:11:44,180
Aksi taktirde, var olmayan highlight ve H adlı bir etiket adı arar. J. onu dışarı.

177
00:11:45,010 --> 00:11:52,020
Ve girişe vurursam ve Alhaj'a bakarsam, listedeki bir kimliği vurgulamaya eşit olan ilk müttefiklerim olsun.

178
00:11:52,500 --> 00:11:55,650
Son olarak, aynı şeyi bir sınıfla yapalım.

179
00:11:55,800 --> 00:12:02,730
Bu yüzden CSSA Leichter'ı katlanmış bir sınıf seçeceğiz ve Ally'ye bakarsak sınıfın eşit

180
00:12:02,730 --> 00:12:07,270
madde işaretli liste öğesi 2 ile ikinci müttefik buluyorum.

181
00:12:07,440 --> 00:12:09,350
Dolayısıyla seçebileceğimiz başka şeyler de var.

182
00:12:09,510 --> 00:12:13,190
Bu sadece bir etiket adı, kimliği veya sınıfı temel almaz.

183
00:12:13,200 --> 00:12:19,140
Bunlar en yaygın olanı ancak sayfamda işe yaramayacağı böyle başka

184
00:12:19,140 --> 00:12:25,770
şeyler yapabilirdik ancak bir sınıfla bir müttefikin içindeki tüm çapa etiketlerini seçebilirim.

185
00:12:25,770 --> 00:12:29,550
Ve bu daha uzun bir CS Seçici ama ABD'de geçerlidir.

186
00:12:29,620 --> 00:12:34,710
Dolayısıyla tüm çapa etiketleri sınıf müttefiki içine yerleştirilmiş özelliğe sahiptir ve bu tamamen geçerlidir.

187
00:12:35,730 --> 00:12:37,920
Yine sayfamda bu ayar yok.

188
00:12:37,920 --> 00:12:40,900
Öyleyse Enter'a basarsam bana verecek.

189
00:12:41,520 --> 00:12:44,180
Hayır çünkü herhangi bir eşleşme bulamadı.

190
00:12:45,030 --> 00:12:49,200
Querrey selektörünün ilk maçı geri getirdiğinden bahsediyordum ve hepsi bu kadar.

191
00:12:49,200 --> 00:12:53,040
Bazen, örneğin cesedi seçmek isterseniz yararlıdır.

192
00:12:53,160 --> 00:12:59,180
söylemek ve dikdörtgen belge gövdesi tarafından öğeleri almak belge ne zaman aksine gövde verir verir.

193
00:12:59,190 --> 00:13:01,380
Tüm yapmam gereken sorgu seçici gövde

194
00:13:01,380 --> 00:13:05,030
Bana bir liste verdiler ve sonra ilk öğeyi istemek zorunda kaldılar.

195
00:13:05,220 --> 00:13:08,520
Sorgular seçici kullanırsam, hemen cesedi alırım.

196
00:13:08,730 --> 00:13:11,570
Fakat alternatif kraliçe seçicisidir.

197
00:13:11,640 --> 00:13:13,570
Böylece tamamen aynı şekilde çalışır.

198
00:13:13,590 --> 00:13:17,840
Bir C ayarlanmış seçici alır, ancak tüm eşleşen öğeleri döndürür.

199
00:13:17,850 --> 00:13:27,030
Bu durumda bu sorgu seçicisinin hepsi H-1 hem h hem de bir kez döndüren belgeyi kullanıyorum veya bu durumda

200
00:13:27,030 --> 00:13:28,520
cesur sınıfı kullanıyorum.

201
00:13:28,620 --> 00:13:29,820
Yani CSSA tarzı.

202
00:13:29,850 --> 00:13:34,610
Koyu cesur noktaya ihtiyacım var ve bu bana her iki unsuru sınıfı eşit cesaretle veriyor.

203
00:13:34,770 --> 00:13:36,930
Öyleyse gösteriş yapalım bunu. Herkes şimdiye kadar seçelim.

204
00:13:37,050 --> 00:13:40,140
Allies, sorgu seçiciye eşittir.

205
00:13:40,140 --> 00:13:43,200
Tüm müttefiki.

206
00:13:43,440 --> 00:13:46,560
Ve bu bana hepsini verecek.

207
00:13:46,870 --> 00:13:48,300
Ben müttefiklerime bakıyorum.

208
00:13:48,510 --> 00:13:49,820
Üç müttefik olduğunu görebilirsiniz.

209
00:13:50,040 --> 00:13:52,010
Son bir kez kırık bir rekor olduğumu biliyorum.

210
00:13:52,380 --> 00:13:54,370
Bunlar nesneler.

211
00:13:54,390 --> 00:13:55,660
Onlar HMO değiller.

212
00:13:55,740 --> 00:13:57,200
HMO'dan inşa edilen javascript nesnelerdir.

213
00:13:57,270 --> 00:14:01,410
Ve aynı şeyi yaparsam, bunun yerine sorgu seçici ile yaparım ve girdim.

214
00:14:02,220 --> 00:14:08,450
Müttefiklerime bakarsam bir liste değil, sadece bir tanesi.

215
00:14:08,760 --> 00:14:12,180
Aynı şey, bir sınıf için yapsaydım.

216
00:14:12,510 --> 00:14:14,520
Öyleyse cesur sınıf için bunu yapalım.

217
00:14:14,550 --> 00:14:17,670
Sadece kalın olarak adlandıracağız ve bu sorgu seçici noktasını kalın olarak belgelendirdik.

218
00:14:17,670 --> 00:14:23,320
Ve ben de sadece ilk madde listesi maddesine bakıyorum.

219
00:14:24,060 --> 00:14:27,920
Ve sorgu seçici tüm yaparsanız, daha sonra orada her

220
00:14:27,990 --> 00:14:29,850
ikisi ile bir liste olsun.

221
00:14:32,520 --> 00:14:35,630
Öğrencilerim için genellikle bir karışıklık noktası,

222
00:14:35,860 --> 00:14:41,010
aradığınız tek bir öğe olsa bile sorgular seçicisini yine de kullanabilmenizdir.

223
00:14:41,010 --> 00:14:42,940
Yani eşdeğer belge nokta sorgu seçiciye eşit bir şey yapabilirdiniz.

224
00:14:43,120 --> 00:14:51,070
Bir kimliği vurgulamak isterim ve Ally'e bakıyorum ve bir öğe içeren bir listedir.

225
00:14:51,300 --> 00:14:59,300
Bunu yapmanız çok nadir ancak yine de bir maç varsa bile yine de geçerli olacak.

226
00:14:59,350 --> 00:15:03,700
Pekala, bu videoda bolca yer kapladık.

227
00:15:04,080 --> 00:15:06,530
Bu yüzden başa geri dönelim ve gerçekten hızlıca tamamlayalım.

228
00:15:06,900 --> 00:15:10,320
Bu yöntemlerin hepsinin belge nesnesinin içinde

229
00:15:10,530 --> 00:15:15,860
nasıl oldukları hakkında konuşarak başladık; get ID öğesi ile sınıf

230
00:15:15,880 --> 00:15:22,530
adına göre getirebileceğimiz öğelerle sınıf adına göre seçim yapabildiğimiz ve aslında bir dizi.

231
00:15:22,560 --> 00:15:24,530
Buna bir düğüm listesi denir.

232
00:15:24,610 --> 00:15:26,370
seçeceğimiz sorguyu seçici olan tüm esnafın bir girişi vardır.

233
00:15:26,380 --> 00:15:31,140
Aynı şeyi yapabiliriz, ancak seçtiğimiz bir öğe türüne dayanan bir düğüm listesi de döndürecek olan etiket adı ile GET öğeleri kullanabiliriz, o zaman

234
00:15:31,140 --> 00:15:36,850
Belirli bir CSSA seçiciyle eşleşen ilk öğeyi döndürür.

235
00:15:36,990 --> 00:15:40,860
Bu yüzden onu, id sınıfı adıyla ve etiket adına göre öğrendiğimiz her şeyi

236
00:15:40,980 --> 00:15:46,680
yapmak için kullanabiliriz, burada burada yaptığımız gibi bir sınıfda yaptığımız gibi bir kimlik verebilir miyiz, yoksa bir öğe adı.

237
00:15:46,680 --> 00:15:52,210
Ve sonra bir sorgu seçici hepsi aynı şekilde

238
00:15:52,620 --> 00:15:57,510
çalışır, ancak bir dizi olmayan bir liste döndürür.

239
00:15:57,510 --> 00:15:57,900
Ayrıca, belirli bir seçici ile eşleşen tüm öğelerle birlikte bir düğüm patlaması.

240
00:15:57,900 --> 00:16:01,800
Tamam.

241
00:16:01,800 --> 00:16:02,040
Böylece bir sonraki adımda gerçekten hızlı bir egzersiz yapacağım.

242
00:16:02,040 --> 00:16:04,500