Bir önceki jQuery yazımda sizinle kod yapısına bir giriş yapmıştık ve başlangıç seçicilerinden bahsetmiştik.Bu yazımızda ise belirli nesneleri nasıl seçeriz onları göreceğiz.Nesneler genel olarak nelerdir peki?
Nesne sıralamamız şu şekilde olacak.
:first
:last
:even
: odd
:eq( sayı parametresi )
:gt( sayı parametresi )
:lt( sayı parametresi )
:header
:not( filtre parametresi )Bu filtrelerin tek tek ne işe yaradıklarını gösteren bir örnek sunacağım sizlere ve anlamış olacağız.İlk Filtremiz ile Başlayalım.
İşte örnek çalışmam..Tüm methodlar içerisinde belirtilmiştir.
:first
:first filtresi ilk nesneye erişmemizi sağlar.Örnek kullanımı
$(function(){
$("ul li:first").addClass("ilk");
});şeklindedir.
:last
:last filtresi son nesneye erişmemizi sağlar.Örnek kullanımı
$(function(){
$("ul li:last").addClass("son");
});şeklindedir.
:even
:even filtresi çift indexli yapıları şeçmemizi sağlar.Peki çift indexli yapılar nelerdir? Çift indis demek -indexler her zaman 0′dan başlar.- pozitif çift sayıları kapsayacak bir biçimde sıralanıştır. Yani 0-2-4-6-8… Örnek kullanımı ise
$(function(){
$("ul li:even").addClass("cift");
});şeklindedir.
: odd
: odd filtresi de asıl mantık olarak :even ile aynıdır ancak : odd tek indexli yapıları şeçmemizi sağlar.Onun örnek kullanımıda
$(function(){
$("ul li:odd").addClass("tek");
});şeklindedir.
:eq( sayı parametresi )
:eq methodu belirli bir index sayısına sahip nesneleri seçmeye yarar. İndex sayıları 0′dan başladığı için 5 tane div nesnesi arasında 3.yü seçmek istersek
$(function(){
$("ul li:eq(2)").addClass("uc");
});şeklinde belirtmemiz gerek.
:gt( sayı parametresi )
:gt methodu içerisine girilen parametreye bağlı index numarasından sonrasına etki etmemizi sağlar.Kullanımı
$(function(){
$("ul li:gt(2)").addClass("ikidensonra");
});şeklindedir.
:lt ( sayı parametresi )
:lt filtresinin görevi ise belirtilen parametreden küçük indexli yapıları seçme özelliğidir.Yalnız tek bir fark vardır. “:lt” filtresinde index numarası 0′dan değil 1′den başlar.Kullanımı
$(function(){
$("ul li:lt(3)").addClass("ilkuc");
});şeklindedir.İlk 3 nesneyi seçili hale getirir.
:header
:header filtresi h1 tagından h6 tagına kadar olan nesnelere erişmemizi ve onları kullanmamızı sağlar..
$(function(){
$(":header").addClass("headeric");
});şeklindedir.
:not ( filtre parametresi )
:not filtresi bu filtreler arasında en kafa karıştırıcıdır. Aslında çok basit bir yapısı vardır ancak diğerlerine nazaran az kullanılır. Özelliği ise içerisine belirttiğiniz parametre hariç işlem yapar.Kullanımı
$(function(){
$("ul li:not(:first)").addClass("ilkiharic");
});şeklindedir. İlki hariç diğer nesneleri seçmiş olduk.
Kaynak: http://erenkeskin.com/jquery-icerik-secici-filtreler/
