jQuery Traversing - Filtreleme


first(), last(), eq(), filter() ve not() Yöntemleri

En temel filtreleme yöntemleri first(), last()ve eq(), bir öğe grubundaki konumuna göre belirli bir öğeyi seçmenize izin verir.

Diğer filtreleme yöntemleri, belirli bir kriterle eşleşen filter()veya not()eşleşmeyen öğeleri seçmenize izin verir.


jQuery first() Yöntemi

Yöntem first(), belirtilen öğelerin ilk öğesini döndürür.

Aşağıdaki örnek, ilk <div> öğeyi seçer:

Örnek

$(document).ready(function(){
  $("div").first();
});

jQuery last() Yöntemi

Yöntem last(), belirtilen öğelerin son öğesini döndürür.

Aşağıdaki örnek, son <div> öğeyi seçer:

Örnek

$(document).ready(function(){
  $("div").last();
});


jQuery eq() yöntemi

Yöntem eq(), seçilen öğelerin belirli bir dizin numarasına sahip bir öğe döndürür.

Dizin numaraları 0'dan başlar, bu nedenle ilk öğe 1 değil 0 dizin numarasına sahip olacaktır. Aşağıdaki örnek ikinci <p>öğeyi seçer (dizin numarası 1):

Örnek

$(document).ready(function(){
  $("p").eq(1);
});

jQuery filtre() Yöntem

Yöntem filter(), bir ölçüt belirlemenizi sağlar. Kriterlerle eşleşmeyen öğeler seçimden çıkarılır ve eşleşenler döndürülür.

Aşağıdaki örnek, <p>"intro" sınıf adına sahip tüm öğeleri döndürür:

Örnek

$(document).ready(function(){
  $("p").filter(".intro");
});

jQuery not() Yöntemi

Yöntem not(), ölçütlerle eşleşmeyen tüm öğeleri döndürür.

İpucu: Yöntem not(), öğesinin tam tersidir filter().

Aşağıdaki örnek, <p>"intro" sınıf adına sahip olmayan tüm öğeleri döndürür:

Örnek

$(document).ready(function(){
  $("p").not(".intro");
});

jQuery Alıştırmaları

Egzersizlerle Kendinizi Test Edin

Egzersiz yapmak:

Belgedeki ilk <div> öğesini almak için bir jQuery yöntemi kullanın.

$("div").();


jQuery Geçiş Referansı

Tüm jQuery Traversing yöntemlerine tam bir genel bakış için lütfen jQuery Traversing Referansımıza gidin .