jQuery filter() Metodu ve Kullanımı

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

filter() metodu ile Html öğeleri içerisinde filtreleme işlemlerini yapabiliriz. Bu filtreleme işlemlerini seçicileri kullanarak yapabildiğimiz gibi fonksiyonları kullanarak da yapabiliyoruz.

filter() metodunun her iki kullanımını da birer örnek üzerinden inceleyelim.

İlk olarak filter() metodunu seçiciler ile birlikte kullanalım.

 ⇒  4 tane p etiketi yazalım.

 ⇒  2 tane p etiketinin class’ına custom yazalım.

 ⇒  Butona tıklandığında class’ı custom olanları filtreleyelim ve arkaplan rengini açık mavi yapalım.

Css Kodları

jQuery Kodları

Butona tıkladığınızda class’ı custom olan p etiketlerinin arkaplan renklerinin değiştiğini görebilirsiniz.

Şimdi de filter() metodunu bir fonksiyon ile birlikte kullanalım.

 ⇒  4 tane liste oluşturalım.

 ⇒  Butona tıklandığında 2 elemanlı olan listelerin yazı rengini kırmızı, font büyüklüğünü 24px yapalım.

Css Kodları

jQuery Kodları

Butona tıkladığınızda 2 elemanlı olan listelerin yazı renginin kırmızı, yazı font büyüklüğünün 24px olarak değiştiğini görebilirsiniz.

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

Şu yazılar da ilginizi çekebilir.

jQuery animate(), stop() Metodları ve Kullanımları

jQuery slideDown(), slideUp(), slideToggle() Metodları ve Kullanımları

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.