Öyleyse neden Domm'u niye heyecanlandıran neden önemsediğinizi tartıştık.
Ayrıca, belge nesne modelinin ne anlama geldiği hakkında konuştuk.
Aslında sadece üst öğedeki nesneye javascript nesneleri kullanarak bir sayfadaki her öğenin bir modeli
olduğu belge olarak adlandırılır.
Bu harika, ama henüz onunla nasıl bir şey yapacağımızı görmedik.
Bu videoda kısaca köpek kullanarak şeyleri manipüle etme sürecini tanıtacağım.
Bu yüzden, seçtiğim ve idare ettiğim iki anahtar kelimenin tümüne kaynatıldım.
mor kenarlık, bir piksel katı siyah, javascript ve Dom ve nüfus stilleri uyguluyoruz.
Böylece, özel veya tüm sınıfın sınıfıyla bir öğe seçmek için seçici nerede yazdığımızı
değerlendirip öğeleri seçtiğimizi ve sonra arka plan rengi
Biz de çok farklı bir şekilde yapıyor olsak da öğeleri seçiyoruz.
Elemanları giderek seçen ve bize geri getiren javascript kodu yazdık ve onlara ait
özellikleri değiştirdik, böylece bir şeyler seçip sonra biz onu işleyeceğiz.
Öyleyse önümüzdeki birkaç slaytta, bu H-1 başlığımızı nasıl seçebileceğini ve
onu nasıl pembeye döndürebildiğimizi göstereceğim.
bunu çok fazla söyledim, ancak kavramlar kadar sözdizimi üzerinde odaklanmanızı istemiyorum.
Son birkaç videoda
Önümüzdeki birkaç video, seçme ve işleme konusundaki en ufak ayrıntıya giriyor.
Bu sadece nasıl çalıştığına genel bir bakış.
Bu slaytta, H1'i C ile nasıl seçtiğinizi göstereceğim.
Belli bir öğeyi seçmenin farklı yolları var.
Bu durumda bu kod belgesi satır sorguları seçici H-1, bu sayfada H-1'i
seçecektir.
Bu yüzden burada yeşil kutuyla vurguladım, böylece neyin seçildiğini görebilirsiniz.
Yani yine var H-1, sorgu seçici 8: 1'e eşit bir belge istediğimiz herhangi bir değişkendir.
Bu nedenle, sorgular seçici ile çok daha fazla zaman harcayacağız ve ne olduğunu ve nasıl çalıştığını tanımlayacağız.
Ancak bu H1'i temsil eden bir nesne döndürür ve onu H-1 değişkenine kaydeder.
İşte seçim süreci budur.
Bir sonraki bölüm onu ​​manipüle etmek için manipüle ediyor; her şeyi yapabilirim ve
burada yapacağımız şey rengi pembeye çevirmektir.
Dolayısıyla sadece H-1 nokta stilini temsil eden nesne olan değişkeni olan H-1 yazıyoruz.
mülkiyet ve bu stil mülkü diğer mülkleri bir sürü ile büyük bir nesne ve renk bunlardan biri.
Bu bir
Yani H-1 tarzı ancak renk pembeye eşit.
Ve sonra yapmamız gereken tek şey bu.
Ve tarayıcı, mülkiyetini pembe olarak değiştirdiğimi görüyor ve görüntülediğini pembe hale
getirerek otomatik olarak güncelleştiriyor.
Bu yüzden burada seçtik ve sonra manipüle ettik.
Burada bir örnek daha var.
Biraz daha karışık.
Vücudun arka plan rengini her saniyede mavi ile beyaz arasında değiştirdiğimiz çok
basit bir animasyon yapıyoruz.
Dolayısıyla önce yapmamız gereken şey, cesedi seçin ve sonra onu seçmek için onu manipüle etmektir.
Belge dökümü sorgusu seçicisini kullanarak başka bir satır var, bu da yine
seçici gövdesini sorgulayan bir sonraki video belgesinde tekrar geleceğiz.
Böylece bana vücut unsurunu veriyor, burada gövde değişkeninde
kaydettiğim nesne temsilini model olarak sunuyor.
mavi var, çünkü mavi'den beyaza veya beyazdan maviye gidip gitmeyeceğim bilmem gerekiyor.
Sonra bu değişkeni yalnızca kullanacağım bir mantıksal olan
Dolayısıyla sahte olarak başlıyor ve daha sonra birkaç yıl önce kapadığımız ayar aralığı kullanıyorum.
Nasıl çalıştığını hatırlamazsanız, temel olarak iki argüman alır.
Birincisi, bir işlevi çalıştırmak için bazı kod ve ikincisi, milisaniye cinsinden bir sayı veya bir zamandır.
Dolayısıyla, bu kodu binlerce veya saniyede bir, saniyede bir bu milli saniyeyi alır ve
bu kodu arayacaktır.
Bu kod ne yapar, arka planın şu anda mavi olup olmadığını kontrol eder.
Ardından, arka plan beyazsa beyaz olarak değiştirip maviye dönüştürüyoruz.
Dolayısıyla, daha yakından incelemek için, eğer if mavimiz var.
Bu sadece değişken.
Sahte olarak başlar.
Böylece sayfanın arka planı ilk yüklendiyse beyaz mavi yanlış olur.
Dolayısıyla bu satır çalışmıyor, ancak bu gövde stili koyu arka planı mavi olan bu onaltılık renge
eşit olarak yapıyor.
Böylece arka plan maviye dönüşür.
Dolayısıyla sadece mavi değişkeni yanlıştan doğruya değiştiriyoruz.
Ve ünlem işaretiyle ya da değil operatörüyle bunu yapmanın güzel bir sıralama biçimidir.
Yani bu kod daha sonra mavi zaten doğru olduğunda çalışır.
Dolayısıyla bu kod gövde stili yapar ancak arka plan beyaza eşittir.
Şimdi de beyaza geri dönüyoruz.
Bu çalışmıyor ve sonra değiştiriyoruz ki mavi geri yanlış.
Ve bu sonsuza kadar devam ediyor.
Öyleyse, saniyede bir değişen bir arka plan rengi kadar rahatsız edici bir şey isteyemezsiniz.
Ancak bu, bir H1'i siyahtan pembe renge dönüştürmekten çok işleri daha karmaşık hale getirebildiğimizi göstermek için gidiyor.
Bu yüzden bütün bunları iki kelimeyle sarmak için seçtiğimiz nesneleri seçelim. Elemanları temsil eden bazı nesneleri
kapıyoruz ve onlara bir şeyler yapıyoruz.
Bu birimin geri kalan kısmı, seçmenin farklı yolları üzerinde ve daha sonra
farklı şekillerde manipüle edilecek.
Bir sonraki video, javascript kullanarak öğelerin seçilmesinin farklı yollarına derinlemesine dalış yapıyor.
Zaten bir kraliçe seçici gördük.
Bu konuyu genişletip bir kaç şey daha öğreneceğiz