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 ????