ASP.NET
Network Akademi

Met Hostimg

“Bilgi paylaşıldıkça artar” sloganı ile .NET Platformuna ilişkin birikimlerin paylaşıldığı ASP.NET.TR Topluluğunda sizde “YAZAR” olmak için ; info@asp.net.tr e-mail adresine kendinizi anlatan bir e-mail göndererek başvuruda bulunabilirsiniz.

JQuery Eq Fonksiyonu

Veysel Uğur KIZMAZ
Javascript
19.10.2011 20:25:36
Hit : 439

 

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

 


Tag » » » »


BU İÇERİĞE YORUMDA BULUNUN


Bu MAKALE'ye yorum yapabilmek için Üye olmalısınız ...!


BU İÇERİĞE YAPILAN YORUMLAR