jQuery’de bulunan metodlar içinde en sevdiğimdir. Çünkü büyük ölçüde işimi kolaylaştırıyor.
Örneğin bir nesneyi değişkene aktardım.
var tab = $('.tab li');
Şimdi burada ilk elemanı seçip addClass metodunu uygulamam gerektiğinde bunu filter ile belirtiyorum.
tab.filter(':first').addClass('active');
Böylece değişkenin taşıdığı nesnelerde filtreleme işlemi yapıp ilk elemanı seçmemi sağlıyor.
Tabi sadece ilk eleman için değil :not(), :eq(), this vb. bir çok şey için geçerlidir. Örneğin küçük bir tab uygulaması yapacak olsaydık işimiz çok kısa olacaktı;
var tab = $('.tab li'),
content = $('.tab-content');
content.filter(':not(:first)').hide();
tab.filter(':first').addClass('active').end().on('click', function(e){
tab.removeClass('active').filter(this).addClass('active');
content.hide().filter(':eq(' + $(this).index() + ')').show();
e.preventDefault();
});
Ya da örneğin daha farklı bir örnek verelim;
$('.item').filter(function(index){
return $( this ).hasClass('boxed');
}).addClass('active');
İşte böyle, kolay gelsin ????