Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, Yakın Kampüs YouTube kanalından Çağatay Yıldız tarafından sunulan bir görsel eğitim dersidir.
- Videoda jQuery kütüphanesi kullanılarak CSS işlemleri gösterilmektedir. Eğitmen, HTML sayfası oluşturma, jQuery kütüphanesini ekleme, CSS class'ları oluşturma ve jQuery ile bu class'ları HTML elementlerine ekleme, kaldırma ve toggle etme işlemlerini adım adım göstermektedir. Ayrıca, jQuery ile direkt CSS stil ekleme yöntemi de anlatılmaktadır. Video, pratik örneklerle jQuery'nin CSS ile nasıl entegre edilebileceğini göstermektedir.
- 00:05jQuery ile CSS İşlemleri
- Yakın Kampüsten Çağatay Yıldız, jQuery kütüphanesi kullanarak CSS işlemleri yapmayı anlatacak.
- Öncelikle HTML sayfası oluşturulup, jQuery kütüphanesi head etiketine ekleniyor.
- Mevcut bir CSS stil oluşturulup, "test" sınıfı için renk mavi olarak ayarlanıyor.
- 01:15Class Ekleme İşlemi
- İki HTML elementi (h1 ve p) oluşturulup, "test" sınıfı ekleniyor.
- Buton click olayında, h1 elementine "test" sınıfı ekleniyor ve element mavi renge dönüyor.
- H1 ve p elementlerine aynı class atanarak, ikisinin de mavi renge dönmesi sağlanıyor.
- 03:09Class Kaldırma İşlemi
- İkinci bir h2 elementi oluşturulup "test2" sınıfı ekleniyor.
- "classRemove" fonksiyonu kullanılarak h2 elementindeki "test2" sınıfı kaldırılıyor.
- "toggleClass" fonksiyonu da kullanılabilir, bu fonksiyon class'ı ekleyip kaldırır.
- 05:37CSS Stil Ekleme
- Class eklemekten ziyade direkt CSS stil eklenebilir.
- Buton click olayında, h1 elementinin rengi kırmızı olarak değiştiriliyor.
- Bu derste class ekleme, class kaldırma, toggle fonksiyonu ve direkt CSS stil ekleme işlemleri gösterildi.