jQuery .eq() Fonksiyonu Kullanımı

Merhabalar, bu yazımda jQuery ile DOM nesnelerine erişebilmek için kullandığımız .eq() fonksiyonunun kullanımından bir örnek vereceğim.

<html>
       <head>
             <script src="http://code.jquery.com/jquery-3.0.0.min.js"></script>
             <script>
                $(document).ready(function(){
                       for(i=0;i<4;i+=2){
                            $("div").eq(i).css({
                                    background:"red",
                                    color:"black"
                            });
                       }
                });
             </script>
       </head>
      <body>
            <div>Facebook</div>
            <div>Google</div>
            <div>Twitter</div>
            <div>İnstagram</div>
      </body>
</html>

<html>

<head>

$(document).ready(function(){

for(i=0;i<4;i+=2){

$("div").eq(i).css({

background:"red",

color:"black"

});

}

});

</script>

</head>

<body>

<div>Facebook</div>

<div>Google</div>

<div>Twitter</div>

<div>İnstagram</div>

</body>

</html>

Çıktımızı incelediğimizde 1. ve 3. <div> elementinin arka planlarının kırmızı olduğunu görebiliriz.

jQuery eq() fonksiyonu, en ufağından en büyük projemize kadar büyük sıklıkla ihtiyaç duyduğumuz fonksiyonlardan biridir.

Bir sonraki yazımızda görüşmek üzere.

Benzer Yazılar:

Bir cevap yazın Cevabı iptal et