"/>"/>
Yazılım Dilleri
Asp.Net 4.5 Kitabı
Skip Navigation Links

JQuery EQ Fonksiyonu

Bu makalemizde jQuery ile DOM nesnelerine erişim için eq() fonksiyonunun kullanımını inceleyeceğiz.

 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

Yorumlar (0)

Yorum Yap

Mail listesine katılmak için tıklayınız

Hakkımdaki son bilgilere anlık erişmek için mail listesine katılabilirsiniz.