Uzun zamandan beri jQuery kategorisine yazmayı düşünüyordum kısmet bu güneymiş, jQuery seçicilerin (selectors) yanısıra hayatı kolaylaştıran filtreler (filters) de sunmakta, bu yazımda jQuery nin basit filtrelerinden bahsedeceğim, lafı uzatmadan başlayalım.

:first filtresi

Bildiğimiz gibi bir web sayfası içindeki tüm elemanların birer index numarası vardır. :first filtresi index numarası 0 olan yani ilk elemanı seçer;

$(".liste p:first").css("background-color","#FF0");

Örneği incelemek için tıklayın.

:last filtresi

Bu filtre ile en son index numarasına sahip olan elemanı seçebiliriz.

$(".liste p:last").css("background-color","#FF0");

Örneği incelemek için tıklayın.

:not filtresi

Bu filtre belirtilen nesnenin/özelliğin olumsuzunu seçer.

$(".liste p:not(#metin)").css("background-color","#FF0");

Örneği incelemek için tıklayın.

:even ve :odd filtresi

:even sayfa içindeki çift index numaralı (0,2,4,6) elemanları seçer,

:odd sayfa içindeki tek index numaralı (1,3,5,7) elemanları seçer.

$(".liste p:even").css("background-color","#FF0");	
$(".liste p:odd").css("background-color","#F00");

Örneği incelemek için tıklayın.

:eq(n) ve :nth(n) filtresi

Bu iki filtre de parantez içinde belirtilen index numaralı elemanı seçer, ikisi de aynı işi görür.

$(".liste p:eq(1)").css("background-color","#FF0");	
$(".liste p:nth(3)").css("background-color","#F00");

Örneği incelemek için tıklayın.

:gt(n) filtresi

Parantez içinde belirtilen indexten daha büyük indexe sahip elemanları seçer.

$(".liste p:gt(3)").css("background-color","#FF0");

Örneği incelemek için tıklayın.

:lt(n) filtresi

Parantez içinde belirtilen indexten daha küçük indexe sahip elemanları seçer.

$(".liste p:lt(3)").css("background-color","#FF0");

Örneği incelemek için tıklayın.

:header filtresi

<h1><h2><h3><h4><h5><h6> gibi başlık elemanlarını seçer.

$(":header").css("background-color","#FF0");

Örneği incelemek için tıklayın. 

Bir sonraki jQuery yazımda alt grup filtrelerden bahsedeceğim.

NOT: Yazıdaki örnek uygulamaları buradan indirebilirsiniz.