1
00:00:00,300 --> 00:00:03,940
Öyleyse neden Domm'u niye heyecanlandıran neden önemsediğinizi tartıştık.

2
00:00:03,990 --> 00:00:07,640
Ayrıca, belge nesne modelinin ne anlama geldiği hakkında konuştuk.

3
00:00:07,680 --> 00:00:13,320
Aslında sadece üst öğedeki nesneye javascript nesneleri kullanarak bir sayfadaki her öğenin bir modeli

4
00:00:13,350 --> 00:00:15,130
olduğu belge olarak adlandırılır.

5
00:00:15,240 --> 00:00:18,340
Bu harika, ama henüz onunla nasıl bir şey yapacağımızı görmedik.

6
00:00:18,390 --> 00:00:23,460
Bu videoda kısaca köpek kullanarak şeyleri manipüle etme sürecini tanıtacağım.

7
00:00:23,790 --> 00:00:29,630
Bu yüzden, seçtiğim ve idare ettiğim iki anahtar kelimenin tümüne kaynatıldım.

8
00:00:29,670 --> 00:00:36,540
mor kenarlık, bir piksel katı siyah, javascript ve Dom ve nüfus stilleri uyguluyoruz.

9
00:00:36,540 --> 00:00:43,620
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ı

10
00:00:43,710 --> 00:00:47,840
değerlendirip öğeleri seçtiğimizi ve sonra arka plan rengi

11
00:00:47,850 --> 00:00:51,380
Biz de çok farklı bir şekilde yapıyor olsak da öğeleri seçiyoruz.

12
00:00:51,480 --> 00:00:56,910
Elemanları giderek seçen ve bize geri getiren javascript kodu yazdık ve onlara ait

13
00:00:56,910 --> 00:01:01,260
özellikleri değiştirdik, böylece bir şeyler seçip sonra biz onu işleyeceğiz.

14
00:01:01,290 --> 00:01:06,810
Öyleyse önümüzdeki birkaç slaytta, bu H-1 başlığımızı nasıl seçebileceğini ve

15
00:01:06,810 --> 00:01:09,750
onu nasıl pembeye döndürebildiğimizi göstereceğim.

16
00:01:09,750 --> 00:01:14,070
bunu çok fazla söyledim, ancak kavramlar kadar sözdizimi üzerinde odaklanmanızı istemiyorum.

17
00:01:14,160 --> 00:01:15,290
Son birkaç videoda

18
00:01:15,330 --> 00:01:18,930
Önümüzdeki birkaç video, seçme ve işleme konusundaki en ufak ayrıntıya giriyor.

19
00:01:18,930 --> 00:01:21,150
Bu sadece nasıl çalıştığına genel bir bakış.

20
00:01:21,150 --> 00:01:25,600
Bu slaytta, H1'i C ile nasıl seçtiğinizi göstereceğim.

21
00:01:25,620 --> 00:01:28,580
Belli bir öğeyi seçmenin farklı yolları var.

22
00:01:28,800 --> 00:01:36,270
Bu durumda bu kod belgesi satır sorguları seçici H-1, bu sayfada H-1'i

23
00:01:36,270 --> 00:01:36,920
seçecektir.

24
00:01:37,050 --> 00:01:40,960
Bu yüzden burada yeşil kutuyla vurguladım, böylece neyin seçildiğini görebilirsiniz.

25
00:01:41,340 --> 00:01:48,640
Yani yine var H-1, sorgu seçici 8: 1'e eşit bir belge istediğimiz herhangi bir değişkendir.

26
00:01:48,690 --> 00:01:52,420
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.

27
00:01:52,470 --> 00:01:59,920
Ancak bu H1'i temsil eden bir nesne döndürür ve onu H-1 değişkenine kaydeder.

28
00:01:59,970 --> 00:02:02,190
İşte seçim süreci budur.

29
00:02:02,190 --> 00:02:08,340
Bir sonraki bölüm onu ​​manipüle etmek için manipüle ediyor; her şeyi yapabilirim ve

30
00:02:08,340 --> 00:02:11,170
burada yapacağımız şey rengi pembeye çevirmektir.

31
00:02:11,490 --> 00:02:18,470
Dolayısıyla sadece H-1 nokta stilini temsil eden nesne olan değişkeni olan H-1 yazıyoruz.

32
00:02:18,510 --> 00:02:24,690
mülkiyet ve bu stil mülkü diğer mülkleri bir sürü ile büyük bir nesne ve renk bunlardan biri.

33
00:02:24,690 --> 00:02:25,580
Bu bir

34
00:02:25,920 --> 00:02:28,920
Yani H-1 tarzı ancak renk pembeye eşit.

35
00:02:28,920 --> 00:02:30,240
Ve sonra yapmamız gereken tek şey bu.

36
00:02:30,270 --> 00:02:35,400
Ve tarayıcı, mülkiyetini pembe olarak değiştirdiğimi görüyor ve görüntülediğini pembe hale

37
00:02:35,820 --> 00:02:37,500
getirerek otomatik olarak güncelleştiriyor.

38
00:02:37,500 --> 00:02:41,140
Bu yüzden burada seçtik ve sonra manipüle ettik.

39
00:02:42,120 --> 00:02:43,560
Burada bir örnek daha var.

40
00:02:43,610 --> 00:02:45,230
Biraz daha karışık.

41
00:02:45,240 --> 00:02:50,610
Vücudun arka plan rengini her saniyede mavi ile beyaz arasında değiştirdiğimiz çok

42
00:02:50,910 --> 00:02:52,940
basit bir animasyon yapıyoruz.

43
00:02:52,950 --> 00:02:58,620
Dolayısıyla önce yapmamız gereken şey, cesedi seçin ve sonra onu seçmek için onu manipüle etmektir.

44
00:02:58,740 --> 00:03:03,300
Belge dökümü sorgusu seçicisini kullanarak başka bir satır var, bu da yine

45
00:03:03,300 --> 00:03:06,720
seçici gövdesini sorgulayan bir sonraki video belgesinde tekrar geleceğiz.

46
00:03:06,780 --> 00:03:11,880
Böylece bana vücut unsurunu veriyor, burada gövde değişkeninde

47
00:03:11,880 --> 00:03:15,450
kaydettiğim nesne temsilini model olarak sunuyor.

48
00:03:15,450 --> 00:03:20,490
mavi var, çünkü mavi'den beyaza veya beyazdan maviye gidip gitmeyeceğim bilmem gerekiyor.

49
00:03:20,640 --> 00:03:23,940
Sonra bu değişkeni yalnızca kullanacağım bir mantıksal olan

50
00:03:24,030 --> 00:03:28,870
Dolayısıyla sahte olarak başlıyor ve daha sonra birkaç yıl önce kapadığımız ayar aralığı kullanıyorum.

51
00:03:28,920 --> 00:03:32,230
Nasıl çalıştığını hatırlamazsanız, temel olarak iki argüman alır.

52
00:03:32,340 --> 00:03:38,880
Birincisi, bir işlevi çalıştırmak için bazı kod ve ikincisi, milisaniye cinsinden bir sayı veya bir zamandır.

53
00:03:39,150 --> 00:03:44,880
Dolayısıyla, bu kodu binlerce veya saniyede bir, saniyede bir bu milli saniyeyi alır ve

54
00:03:44,880 --> 00:03:46,230
bu kodu arayacaktır.

55
00:03:46,560 --> 00:03:51,080
Bu kod ne yapar, arka planın şu anda mavi olup olmadığını kontrol eder.

56
00:03:51,180 --> 00:03:56,330
Ardından, arka plan beyazsa beyaz olarak değiştirip maviye dönüştürüyoruz.

57
00:03:56,610 --> 00:04:00,030
Dolayısıyla, daha yakından incelemek için, eğer if mavimiz var.

58
00:04:00,120 --> 00:04:01,640
Bu sadece değişken.

59
00:04:01,650 --> 00:04:02,900
Sahte olarak başlar.

60
00:04:02,910 --> 00:04:07,890
Böylece sayfanın arka planı ilk yüklendiyse beyaz mavi yanlış olur.

61
00:04:07,920 --> 00:04:15,240
Dolayısıyla bu satır çalışmıyor, ancak bu gövde stili koyu arka planı mavi olan bu onaltılık renge

62
00:04:15,240 --> 00:04:16,570
eşit olarak yapıyor.

63
00:04:16,770 --> 00:04:18,840
Böylece arka plan maviye dönüşür.

64
00:04:19,140 --> 00:04:22,960
Dolayısıyla sadece mavi değişkeni yanlıştan doğruya değiştiriyoruz.

65
00:04:23,130 --> 00:04:27,690
Ve ünlem işaretiyle ya da değil operatörüyle bunu yapmanın güzel bir sıralama biçimidir.

66
00:04:27,780 --> 00:04:32,550
Yani bu kod daha sonra mavi zaten doğru olduğunda çalışır.

67
00:04:32,850 --> 00:04:36,870
Dolayısıyla bu kod gövde stili yapar ancak arka plan beyaza eşittir.

68
00:04:36,870 --> 00:04:38,550
Şimdi de beyaza geri dönüyoruz.

69
00:04:38,670 --> 00:04:42,980
Bu çalışmıyor ve sonra değiştiriyoruz ki mavi geri yanlış.

70
00:04:43,290 --> 00:04:44,980
Ve bu sonsuza kadar devam ediyor.

71
00:04:45,090 --> 00:04:49,740
Öyleyse, saniyede bir değişen bir arka plan rengi kadar rahatsız edici bir şey isteyemezsiniz.

72
00:04:50,190 --> 00:04:56,160
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.

73
00:04:57,450 --> 00:05:03,930
Bu yüzden bütün bunları iki kelimeyle sarmak için seçtiğimiz nesneleri seçelim. Elemanları temsil eden bazı nesneleri

74
00:05:03,930 --> 00:05:06,260
kapıyoruz ve onlara bir şeyler yapıyoruz.

75
00:05:06,750 --> 00:05:11,010
Bu birimin geri kalan kısmı, seçmenin farklı yolları üzerinde ve daha sonra

76
00:05:11,010 --> 00:05:12,370
farklı şekillerde manipüle edilecek.

77
00:05:12,390 --> 00:05:16,830
Bir sonraki video, javascript kullanarak öğelerin seçilmesinin farklı yollarına derinlemesine dalış yapıyor.

78
00:05:17,190 --> 00:05:19,470
Zaten bir kraliçe seçici gördük.

79
00:05:19,500 --> 00:05:21,450
Bu konuyu genişletip bir kaç şey daha öğreneceğiz