Bu yazıyla birlikte tüm filtrelerden bahsetmiş olacağım, aslında bu yazıyı da 2'ye bölüp yayınlamak istiyordum ama artık filtreler konusunu çok uzattığımı düşünüyorum. Bir an önce filtreler konusunu bitirip ajax ve json konularına girmek istiyorum.
Başlayalım...
:hidden Filtresi
Bu filtrede bir kavram kargaşası var gibi, isminden yola çıkarsak visibility:hidden olan elemanı seçiyormuş gibi görünmesine rağmen display:none; (gizli) olan elemanları seçer :)
var sec = $(".liste p:hidden").html();
alert(sec);
Örneği incelemek için tıklayın
:visible Filtresi
:hidden filtresinin tersine gizli olmayan elemanları seçer
$(".liste p:visible").css("background-color","#FF0");
Örneği incelemek için tıklayın
:enabled Filtresi
Aktif olan nesneyi seçmemizi sağlar, örnek olarak 2 input nesnemiz olduğunu düşünelim ve birisine disabled attribute'u verelim, disabled olmayanı seçmek için bu filtreyi kullanabiliriz.
$("input:enabled").css("border","1px solid red");
Örneği incelemek için tıklayın
:disabled Filtresi
Yukarıda bahsettiğim :enabled filtresinin tam tersini yapar, disabled attribute'u uygulanan elemanı seçer.
$("input:disabled").css("border","1px solid red");
Örneği incelemek için tıklayın
:selected Filtresi
Bu en sevdiğim filtre, klasik js ile yazdığım kodu hatırladım da neyse... :) SelectBox içinde seçili olan option'ı seçmemizi sağlar.
var secilen = $("select option:selected").html();
alert(secilen);
Örneği incelemek için tıklayın
:checked Filtresi
Seçili radio ve checkbox'ları seçmemizi sağlar.
var sec = $("input:checked").val();
alert(sec);
Örneği incelemek için tıklayın
Çok şükür filtreler konusunu bitirdim :) yukarıda yapılan örneklerin tamamını buradan indirebilirsiniz.