En son web geliştirme öğreticiler
 

jQuery Traversing - Filtreleme


Elements için yapılan araştırmayı daraltmak

Üç en temel filtreleme yöntemleri first(), last() ve eq() Bir öğe grubu içinde konumuna göre belirli bir öğeyi seçmek için olanak sağlar.

Gibi diğer filtreleme yöntemleri, filter() ve not() Eğer belirli bir ölçüte uyan veya eşleşmeyen unsurları seçmenizi sağlar.


jQuery first() Yöntem

first() metodu, seçilen elemanlarının birinci elemanı ile döner.

Aşağıdaki örnekte, birinci seçer <p> ilk eleman içinde <div> öğesi:

Örnek

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

jQuery last() Yöntem

last() metodu, seçilen elemanların son öğe döndürür.

Aşağıdaki örnek geçen seçer <p> Geçen iç elemanı <div> elemanı:

Örnek

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

jQuery'nin eq() metodu

eq() metodu, seçilen elemanların belirli bir endeks numarası taşıyan bir eleman döndürür.

Birinci eleman indeks numarası 0 olacaktır olup 1. Aşağıdaki örnek ikinci seçer böylece endeks numarası, 0 ° C'de başlar <p> elemanının (dizin numarası 1):

Örnek

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

jQuery filter() Yöntem

filter() yöntemi bir ölçüt belirlemenizi sağlar. kriterleri eşleşmeyen Elemanları seçimden kaldırılır ve maç olanlar iade edilecektir.

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

Örnek

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

jQuery not() Yöntem

not() metodu kriterlere uyan olmayan tüm elemanlar döner.

Öneri: not() metodu tersidir filter() .

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

Örnek

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

Egzersizleri ile Yourself test edin!

Egzersiz 1 » Alıştırma 2» Egzersiz 3 » Egzersiz 4» Egzersiz 5 » Egzersiz 6»


jQuery Traversing Referans

Tüm jQuery Traversing yöntemlerin tamamını görmek için lütfen gidin lütfen jQuery Traversing Referans .