Tamam.
Tekrar hoşgeldiniz.
Bu yüzden bazı kod yazmaya başlayalım.
Ve nasıl yapılacağını öğreneceğimiz ilk şey öğelerin nasıl seçileceğidir.
Tıpkı düzenli baskın ilişkiler veya fonoloji gibi Evet, şeyleri seçip sonra da manipüle etmeliyiz.
Orada kırık bir rekor olduğumu biliyorum ama önemli bir süreç seçip
değiştiriyorum.
video ağırlıklı olarak iki ana hedef için J Sorgusu içeren öğeleri seçmeye odaklanacaktır.
Bu
Birincisi, dolar işareti işleviyle öğeleri seçmek ve öğeleri stil için
C değerlendirilmiş yöntemini kullanarak öğrenmek.
Bu yüzden sadece seçili şeyler elde etmiyoruz, sadece bunları yazdırıyoruz ama daha görsel hale
getirmek için Onları seçip sonra arka plan rengini ve Jay sorgusunu değiştireceğiz. İstediğimiz her şeyi yalnızca tek bir
işlevi kullanarak seçebiliyoruz.
Dolar işareti.
Yani vanilya J.'nin aksine S. adının elemanlarını al Tag ismine göre elemanlar olsun.
burada belge sahibiyiz öğeye sahip sorgu seçici sorgu seçici tümü bir sınıf
Dolar işaretini seçmenin birçok farklı yolu vardır ve Jay sorgusu bunların hepsinin yerini alacaktır.
Temelde tümünde sorgular seçici gibi çalışır, bu da ona bir C Ss stil seçicisi verir.
Sonra Jay sorgusu, verdiğimiz seçici ile eşleşen tüm eşleşen öğeleri döndürür.
Sayfadaki tüm görüntü etiketlerini seçmek istersek bir örnek vereyim,
bu noktada sadece skala ölçeği sınıfı olan tüm öğeleri seçmek istiyorsak.
Unutmayın bu stil seçicileri ayarlanır.
liste öğelerinin içinde bulunan tüm çapa etiketlerini seçmek gibi bazı daha gelişmiş şeyler de yapabiliriz.
Bir kimlik için noktaya ihtiyacı olan bir sınıf için Thorpe'a yay olması gerekir ve
Bu yüzden burada nasıl çalıştığını gösteren hızlı bir demo yapacağım.
Böylece, Jake Querrey demomuzu, Cdn'yi içerdiğimiz sayfalarımızda yaşlandırdı.
Ve N kelimesi kullanıp kullanmamamız önemli değil, indirilen kopyayı kullanmak istiyorsanız aynı
şekilde çalışacaktır.
Bu yüzden betiğe burada ihtiyacımız var ve oynamak için içeriğe ihtiyacımız var.
Böylece H-1 S.'yi koruyacağım. J. çekirdek demo.
Onları biraz daha eşsiz yapmak için bu müttefikleri değiştireceğim, bu yüzden en sevdiğim hayvanların bazılarıyla dolduracağım.
Sonuç Newt içindir.
Beş yaşındaki benliğimin hayvan alfabesi şarkısının en sevdiğim parçası, en sevdiğim albüm Monkey'imden
birine ekleyecek.
Ve sonra son olarak çam martini.
Ve eğer çam martenini hiç görmediyseniz, eşit derecede sevimli ve korkunç hayvandırlar.
Yani burada çok güzel görünüyorsun.
Fakat eylemde onlara bir göz atarlarsa, deli avcılar ve oldukça korkutucu oluyorlar.
TAMAM.
Listedeki en sevdiğim hayvanların bir kısmı kurtarıp şimdi bunu açalım.
Doğru dizinde olduğumuzdan emin olun.
Jay, her Chimo'nun ve yapacağım şeyi kendi penceresinde taşımak için demoyu taşıdı ve biz sadece konsoldan yazı
tipi boyutunu biraz daha büyük hale getirelim ve bunlardan bazılarını seçmek için bir sorgu kullanalım.
Dolayısıyla bir dolar işaretinin bir işlev olduğunu unutmayın.
Ve eğer dolar yazısını yazarsam kendi parantezleri olmadan kendi.
Tıpkı parantez olmadan veya ikna edici olmadan uyarı yazıyormuşum gibi. parantezler olmadan noktalı günlük gerçekten bana söylemek
dışında hiçbir şey yapmaz.
Evet, bu kodu biliyorum ama aslında yürütmüyor.
Bunu yapmak için sayfadaki tek H-1'i seçerek başlayalım.
Dolar işaretini kullanabiliriz ve seçiciyi seçmek için seçici sadece H-1'dir ve enter tuşuna basarız.
J queery demosunu H-1 döndürür görebilirsiniz.
Ayrıca bir listenin içinde olduğunun farkına varın.
Yani sorgu seçicisinin aksine nerede ilk örneği dolar işareti seçicisini döndürür.
Sorgu, gerçekten yararlı tek bir öğe olsa bile bir liste döndürür ve bunu
biraz göreceğiz.
Dolayısıyla şimdi tüm müttefiklerini seçmeye çalışalım böylece Doları müttefik gibi bir şey yapabilir ve biz de buna benzer
üç müttefik buluruz.
Vücut yazarak ve işleri biraz daha ilginç hale getirerek vücudumuzu da seçebiliriz.
Yaşa ait e-postalarımıza geri dönelim ve bir I ekleyelim. D. çam martin'e, id olarak sevimli diyeceğiz
ve sonra da tellalı maymunumuzda bir A etiketi tellalı maymunu ekleyip maymun nokta com'a gidecek
ve bu sadece maymun nokta com olacak.
Ve eğer bağlantıyı seçmek istersem yenilersem dolar işareti kullanırdım ve sadece bağlantı etiketi yapabiliriz ve
bu bana verecektir.
Ayrıca müttefiklerimin arasında demirleme etiketi de diyebilirim.
Gerçekten sadece bir iradenin yerine müttefiklerimin içindeki çapa etiketleri söylemek istediysem de olabilirdim.
Ve her durumda bugüne kadar bunlar aynıdır.
Ancak, sayfanın alt kısmında başka bir çapa etiketi eklersem Google com com olur ve yeniliyorum.
Ve şimdi de dolar işareti çapa etiketimi yapıyorum.
Her ikisi de çapa etiketi alıyorum.
Bir dolara UL işareti yaparsam, bunun içinde bir çapa etiketi bulunan bir müttefikle UL sadece bana bu çapa etiketini
verir.
Veya bu işi burada kısaltabilirdik ve oradaki kutsal veya karma sembollere ihtiyacım olduğu için, queery
select veya hepsi veya sorgu seçici veya Cs'ler gibi işe yarayan,
güzel bir fikirle öğeyi seçmek için gidebiliriz. Artı Kimliği çok sevimli ve bana çam marten müttefiki.
Bu yüzden, nasıl seçtiğimizi gördük ve yalnızca konsolda yazdırmak veya sadece onları buraya geri döndüğünü
görmek çok heyecan verici değil.
stil değiştirmemize yardımcı olacak bir yöntem göstereceğim. yöntemi Dotsie SS olarak
adlandırılır ve bunun nasıl yürüdüğünü seçmek için bir seçici dolar işareti
ve bazı seçici denir ve sonra bunun sonuna Dotsie SS ekleyebilir ve değiştirmek için bazı özellik ve değerlere aktarabiliriz.
Ancak aslında yapmak istediğim bir yöntem sunmaktır. Önümüzdeki birkaç videoda daha fazla yöntem göreceğiz, ancak
şu anda bize bir şeyler görselleştirmemize ve
İşte bir örnek, özel fikirle bir şeyler seçiyorum ve CSSA üzerinde çalışıyorum ve
kenarlığı iki piksel katı kırmızı olacak şekilde değiştiriyorum.
Bu yüzden göstereyim.
H-1'e yapalım.
Dolayısıyla dolar işareti seçiyorum H-1 Dotsie SS Bunun gibi.
Ve sonra bunun yerine sarı rengini de öyle değiştirelim.
Ve içeri girdim.
Ve sarıya dönüştüğü müthiş değişiklikleri görebilirsiniz.
Bu yüzden, j Querrey olmadan bunu nasıl yapacağınızı aklınızda tutmanız her zaman iyidir.
Bu yüzden, belge gibi bir şey yapalım ve belge sorgusu seçici H-1 nokta ve B yapalım, bu C
Ss'ye sahip değiliz. Dolayısıyla, nokta stili nokta rengi eşit olmalıyız.
Ve turuncuya değiştirelim.
Ve işte gidiyoruz.
çizgi aslında çok daha güçlü ve buradaki tek satırla yapabileceğimizden çok daha fazla şey yapabiliriz.
Turuncuya değiştirdik ama buradaki bu
Öyleyse, bu H-1 ile ilgili çoklu stilleri değiştirmek istediğimi varsayalım. Rengi ve arka
plan rengini ve sınıra değiştirmek istedim.
Yapabileceğim, stilleri bir nesnede tanımlamak ve bir nesneyi içeri aktarmaktır.
Dolayısıyla Porter'a yalnızca Porter virgül değeri yazmam gerekmiyor.
Birden çok özellik birden çok anahtar çiftiyle bir nesneyi tanımlayabilir ve bunları aktarırım
ve hepsi uygulanır.
Şimdi bunu yapalım.
Stilimizi tanımlayalım ve ayrı bir nesne oluşturmak zorunda değiliz.
Ben sana gösteririm.
Ve bunun yerine burada renk kırmızı arka planda olmalı ve pembe olmalı, kenarlık
da iki katı pembe mor olmalı diyeceğiz.
Ve Enter'a basarsak şimdi stilimizi nesneleştirebiliriz ve her şey denilebilir.
Ve sonra ne yapacağız H-1'i seçmektir.
Yani dolar işareti H-1 yine bize gutsi ve biz sadece bizim stilleri nesne geçmek ve tüm bu stilleri
uygulanır.
Bunu j sorgusu olmadan yapmak üç ayrı satır yapmamızı gerektirir.
H-1 stilinin koyu renginin kırmızıya eşit olmasına ve ardından nokta stili nokta arka planının pembe olduğuna ve
o zaman kenarlığın iki piksellik mora eşit olduğu stile izin verdiğiniz belgeyi yapmak gerekecektir.
Umarım bunu zaten birkaç satırla görebilirsiniz.
J Query'nin zaten oldukça güçlü olduğu kanıtlanmıştır.
Ve her şeyi bunu yapmadan yapabiliriz, ancak kesinlikle biraz zaman kazandırır ve kodumuzu daha temiz hale getirir.
CSSA yönteminin başka bir özelliği var, daha kullanışlı kılacağım, şimdi yapabileceğimiz şey, birincisini
seçip sarı yapmaktan çok, aynı anda birden fazla öğe stili yapmak olduğunu göstereceğim.
Nokta
Hepsini veya müttefikleri seçebiliriz ve bunu yapmak için sadece bir satıra ihtiyacımız vardır.
Bu yüzden sana gösteririm.
Şimdi tüm yalanlar yapalım.
Bunu yapmak için müttefikleri seçmem gerekiyor.
Öyleyse öyle.
Ve içeri girersem.
olarak değiştireceğim ve girmeye ve bunu fark edeceğim line, üç müttefiği de değiştirir.
Bana üç müttefik kazandırdığını ve ardından C SS üzerinde zincirleme yapmam gerektiğini göreceksiniz ve sadece tek bir mülk
rengi vereceğim ve aynen bunun gibi mavi
Kesinlikle çok güçlü.
Tek yaptığımız seçici dolar işareti ile müttefik seçmek ve bu bize üç müttefik ve DOWNIE
SS'yi ALWIS'in bir dizisinde yaparak bu müttefikler listesine giriyor.
Aslında hepsini maviye döndürecek ve bir sorgu yapmamız gibi elle döngüye
gerek kalmıyor.
sorgusuz yeşil olmak üzere değiştirmek istersem önce hepsini seçmem gerektiğini hatırlatmak için.
Yani hepsini,
Yani var allies, sorgu seçicisinin hepsinin dize müttefikinde geçtiği belgeye eşittir.
Ve sonra dönmeliyim.
Yani var için sıfıra eşit, Elvis'lerin uzunluğu I artı artıdan daha düşüktür.
Ve sonra döngü içinde müttefikler yapmamız gerekiyor, bu stilde o renk
var; buna benzer şekilde yeşil yapacağız ve entera yapacağız.
Ve hepsinin yeşil renge dönüştüğünü görebilirsiniz.
Yani yine bir sorgu olmadan yapılabilir ancak önemli ölçüde daha fazla kod.
Önce hepsini seçmeliyiz ve hatta onları seçmek bile acı vericidir.
Bu sadece bir dolar işaretinden daha uzun sürecek.
Ve sonra da elle bir for döngüsü veya bir while döngüsü ile döngü ve
sonra tek tek değiştirin ve sonra bir sorgu ile bitirdim gerekir.
Tekrar maviye dönmek için yapmamız gereken tek şey tüm müttefikleri Dotsie SS'yi seçin ve daha sonra mavi mavi
renk olan mülkümüze geçmektir.
Burada birkaç örnek daha göstereceğim.
yazı tipi boyutundan daha büyük hale getireceğiz ve 40 piksel olacak ve işte gidiyoruz.
Bütün çapa etiketlerini, bunun gibi bir Css etiketi seçelim ve yazı tipi boyutunu
Büyük bağlantılar edineceğiz Ayrıca, daha önce yaptığımız gibi bir stil dolu bir nesneyi tanımlayabileceğimizi göstereceğiz ve onu
sadece bir değil birden fazla elemana stil için kullanabileceğimizi göstereceğim.
Bu yüzden bütün yalanları seçip tarzı bir araya getireceğiz ve sadece SS'yi yaparak ve bir renk gibi
bir dize geçirmeden ona bir nesne vereceğiz ve onu burada yerine tanımlayacağız.
Ve burada yazmak için biraz boşluk ekleyeceğiz.
Ve yapacağımız ilk şey, hepsinin yazı tipi boyutunu değiştirmektir.
font boyutu olarak font Dasch boyutu veya yükseklik ve boyutta javascript ve J sorgusu deve halini kullanmak zorundayız.
Yani NCSA
Yani yazı tipi boyutu hiçbir boşluk veya çizgi yok, ancak biz Kimyasal durumda büyük harf üyesi
ve onlara yapacağız 10 henüz 10 piksel yapalım ve sonra bir kenarlık ekleyeceğiz ve bu bir üç pixel dasht mor olacak.
Kesikli kenarlar daima çarpıcıdır.
Ve sonra son olarak arka plan rengini arka plana ekleyin.
Ve sadece kendi R'yi telafi edelim. G. renk.
Yani R. G. B.
Ve biz de G'imizi yapacağız. P. A. aslında.
Ve ilk okunan da olacak.
89 kırmızı 45 Yeşil 20 mavi.
Ve sonra 0. Opaklık veya şeffaflık kanalı olan 5 Alfa.
Eğer içeri girersek, bunların hepsinin aynı anda uygulandığını görebilirsiniz.
Bu nedenle yazı tipi boyutumuz küçülür 10 pikselimiz var.
Müttefikler çevresinde üç piksellik mor renkte olan bu çarpıcı sınırlarımız var ve bu
renk ne olursa olsun açık kahverengimsi bir renge benzeyen arka
plan rengimiz var.
Tamam.
Öyleyse, o hızlı gösteriden, dolar işareti ile seçtiğimiz yalnızca iki farklı
şey görebiliriz ve bu kendi başına inanılmaz derecede güçlü.
Temelde kraliçe Slichter ve kraliçe seçici hepsi bir arada çalışır gibi çalışır.
Ve sözdizimi yazmak çok daha kısa ve kolay.
Ayrıca burada da olduğu gibi bireysel özellikleri değiştirebildiğimiz için CSSA yöntemi
var, ancak burada anahtar değer çiftlerinin bulunduğu bir nesnede geçtiğimiz
gibi CSSA özelliklerini de imzalayabiliriz.
Muhtemelen en önemlisi de, burada yaptığım gibi tüm müttefikler gibi bir koleksiyon seçtiğimde
el ile döngüye ihtiyaç duymamak ve tek tek bir şey uygulamak zorunda kalmamak
için burada tamamladım. müttefikleri ve renklerini teker teker J sorgusu ile değiştirin.
Elemanlar koleksiyonum varsa, bunun üzerine otomatik olarak döner ve Dotsie'yi
her birine değerlendirir.
Dolayısıyla son derece güçlüdür.
Ve bu yüzden bir yan not olarak, bu yüzden her zaman burada bir dizi döndürür.
sahnedeki tüm mantıklar bu listenin üzerinde döngü içerdiği için her zaman listede döndürür.
Kimliği güzel olan bir unsurum olsa bile,
Dolayısıyla, bunun üzerinden dönecek ve burada bir öğe var demektir.
Bu yüzden gerçekten döngü değil.
Sadece bir kere geçti.
Pekâlâ, bu durumu beğendi ve equerry'nin gücünü görmeye başladık