Bu makalemizde jQuery ile DOM nesnelerine erişim için eq() fonksiyonunun kullanımını inceleyeceğiz.
eq() fonksiyonu işlem yapılan elemanın içindeki elemanlardan kaçıncı elemanı ile işlem yapılacağını belirtir.
<html>
<head>
<script src="jquery-1.5.1.js"></script>
<script>
$(document).ready(function(){
for(i=0;i<4;i+=2){
$("div").eq(i).css({
background:"blue",
color:"white"
});
}
});
</script>
</head>
<body>
<div>Veysel Uğur KIZMAZ</div>
<div>Engin DEMİROĞ</div>
<div>Tolga AYAS</div>
<div>Salih DEMİROĞ</div>
</body>
</html>
|
Örneği inceleyecek olursak, 0 ve 2. elemanın arkaplanı siyah, yazı renginin beyaz olması gerekmektedir. Diğer elemanların arkaplan ve yazı rengi sayfanınkiyle aynı olacaktır.
Dikkat edilmesi gereken nokta, “div”lerin Id’si ile değil, “div”lere sıralamasına göre erişiyoruz.
Örnek uygulamanın ekran çıktısı aşağıdadır.
Veysel Uğur KIZMAZ
Bilgisayar Mühendisi