İNTERNET TABANLI PROGRAMLAMA Dersi JS Kütüphaneleri ile Çalışmak soru detayı:

PAYLAŞ:

SORU:

JQuery’de CSS metotları kullanımını açıklayınız.


CEVAP:

JQuery’nin önemli işlevlerinden biri de
elementlerin CSS özelliklerini düzenleyebilmesidir. CSS
metotları elementlerin görünüşlerini değiştirmek için
kullanılır. Elementin CSS özellikleri üzerinde doğrudan
düzenleme yapmak ya da özellikleri çekmek için css
metodu kullanılır. Örneğin kullanıcının geçersiz bir eposta
adresi girmesi halinde id özelliği eposta olan
elementin kenarlıklarını kırmızıya boyamak için css
metodu kullanılabilir. Aşağıda verilen kodda css metodu
iki parametre ile çağırılmaktadır.
$(“#eposta”).css(“border-color”,”red”);
İlk parametre düzenlenecek CSS özelliğini belirtmek için,
ikinci parametre ise bu özelliğe atanacak değeri vermek
için kullanılır. css metodu ile birden fazla özelliği aynı
anda değiştirmek için nesne yazım tekniği kullanılır. Bu
amaçla CSS özelliği-değer çiftleri halinde oluşturulan bir
nesne css metodunda parametre olarak eklenir. Nesne
içinde CSS özellikleri ile değerler iki nokta ile birleştirilir.
Kurallar virgüller ile ayrılır.
$(“#eposta”).css({“border-color”: “red”, “backgroundcolor”:
“#fdd”});
CSS özelliklerinin elementlere uygulama biçimlerinden
biri de elementlerin class özelliğine hazırlanmış CSS
sınıflarının atanmasıdır. CSS sınıfları elementlere atanarak
sınıflardan gelen özelliklerin elemente uygulanması
sağlanabilir. Bu işlem genellikle tasarımcılar tarafından
HTML kodları yazılırken gerçekleştirilir. Aşağıdaki
örnekte button elementine dugme adlı CSS sınıfı
uygulanmaktadır.
<button id=”giris” class=”dugme”>Giriş</button>