jQuery eq() Metodu ve Kullanımı

Bu yazımızda jQuery eq() metodunun ne işe yaradığını ve nasıl kullanabileceğimizi öğreneceğiz.

eq() metodu ile Html öğeleri içerisinden indeks numarasına göre istediğimiz öğeyi seçebiliriz. eq() metodunu kullanırken 2 konuya dikkat etmemiz gerekiyor.

Birincisi, Html öğeleri içerisinden seçim yaparken ilk öğenin indeks numarasının sıfır (0) olduğunu unutmayalım.

İkincisi ise eq() metoduna parametre olarak eksi (-) bir değer verirsek Html öğeleri içerisinde tam tersten yani sondan başlar ve sondaki ilk öğenin indeks numarasını -1 olarak kabul eder.

Şöyle bir uygulama yapalım:

 ⇒  4 tane p etiketi yazalım.

 ⇒  Birinci butona tıklandığında p etiketleri içerisinden indeks numarası 2 olanın arkaplan rengini sarı yapalım.

 ⇒  İkinci butona tıklandığında p etiketleri içerisinden indeks numarası -3 olanın arkaplan rengini kırmızı yapalım.

Css Kodları

jQuery Kodları

Butonlara tıkladığınızda p etiketlerinin arkaplan renklerinin değiştiğini görebilirsiniz. 

Umarım sizin için faydalı bir yazı olmuştur.

Şu yazılar da ilginizi çekebilir.

jQuery Document Ready Fonksiyonu Nedir? Nasıl Kullanılır?

jQuery Nedir? jQuery Ne İşe Yarar? jQuery Kullanımı

Yeni bir yazımda görüşmek üzere.

Yorum Yazın

650+ ABONE ARASINA KATIL

Adını ve E-Posta adresini yazarak Html, Css, Javascript, Jquery, Bootstrap, Web Tasarım, C#, Bilgisayar, Telefon, Android, Veri Güvenliği ve daha birçok alanda ders anlatımlarından ve uygulamalı örneklerden anında haberdar olabilirsin.

Abone olduğunuz için teşekkürler.

Birşeyler yanlış gitti.