Neueste Web-Entwicklung Tutorials
 

jQuery Verfahrgeschwindigkeit - Filtering


Grenzen Sie die Suche nach Elementen

Die drei grundlegenden Filtermethoden sind first(), last() und eq() , die es Ihnen ermöglichen , ein bestimmtes Element zu wählen basierend auf seiner Position in einer Gruppe von Elementen.

Andere Filtermethoden, wie filter() und not() können Sie Elemente auswählen , die übereinstimmen oder nicht übereinstimmen, eine bestimmte Kriterien.


jQuery first() Methode

Die first() Methode liefert das erste Element der ausgewählten Elemente.

Das folgende Beispiel wählt das erste <p> Element innerhalb des ersten <div> Element:

Beispiel

$(document).ready(function(){
    $("div p").first();
});
Versuch es selber "

jQuery last() Methode

Die last() Methode gibt das letzte Element der ausgewählten Elemente.

Das folgende Beispiel wählt das letzte <p> Element innerhalb des letzten <div> Element:

Beispiel

$(document).ready(function(){
    $("div p").last();
});
Versuch es selber "

jQuery eq() Methode

Die eq() Methode gibt ein Element mit einem bestimmten Indexzahl der ausgewählten Elemente.

Die Indexnummern beginnen bei 0, so wird das erste Element den Index 0 und nicht 1. Das folgende Beispiel wählt haben das zweite <p> Element (Indexnummer 1):

Beispiel

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

jQuery filter() Methode

Der filter() -Methode können Sie ein Kriterium angeben. Elemente, die nicht den Kriterien entsprechen, werden aus der Auswahl entfernt, und diejenigen, die zurückgegeben werden, entsprechen.

Das folgende Beispiel gibt alle <p> Elemente mit Klassennamen "intro" :

Beispiel

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

jQuery not() Methode

Die not() Methode gibt alle Elemente, die den Kriterien nicht entsprechen.

Tipp: Die not() Methode ist das Gegenteil von dem filter() .

Das folgende Beispiel gibt alle <p> Elemente, die keine Klassennamen haben "intro" :

Beispiel

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

Testen Sie sich mit Übungen!

Übung 1 » Übung 2» Übung 3 » Übung 4» Übung 5 » Übung 6»


jQuery Verfahrgeschwindigkeit Referenz

Eine vollständige Übersicht über alle Methoden jQuery Verfahrgeschwindigkeit, gehen Sie bitte auf unsere jQuery Verfahrgeschwindigkeit Referenz .