<JQuery Verfahrgeschwindigkeit Methoden
Beispiel
Gibt alle <span> Elemente, die Nachkommen von <ul> :
$(document).ready(function(){
$("ul").find("span").css({"color": "red", "border": "2px
solid red"});
});
Ergebnis:
body (great-grandparent)
div (grandparent)
ul (parent)
- li (child)
span (grandchild)
Versuch es selber " Definition und Verwendung
Die find() Methode gibt untergeordneten Elemente des ausgewählten Elements.
Ein Nachkomme ist ein Kind, Enkel, Urenkel, und so weiter.
Der DOM - Baum: Diese Methode verfahren nach unten entlang Nachkommen von DOM - Elementen, den ganzen Weg bis auf den letzten Abkömmling. Um nur eine einzige Ebene auf der DOM - Baum durchqueren (Direkt Kinder zurück), verwenden Sie die children() Methode.
Hinweis: Die Filterparameter wird für die erforderliche find() Methode, im Gegensatz zu dem Rest der Baumdurchlauf Methoden.
Tipp: Um alle der untergeordneten Elemente zurückzukehren, verwenden Sie das "*" Selektor.
Syntax
$(selector).find( filter )| Parameter | Beschreibung |
|---|---|
| filter | Erforderlich. Ein Wähler Ausdruck, Element oder jQuery-Objekt die Suche nach Nachkommen zu filtern Hinweis: Um mehrere Nachkommen zurückkehren, trennen Sie jeden Ausdruck mit einem Komma. |
Probieren Sie es selbst - Beispiele
Gibt alle untergeordneten Elemente von <html>
Die Verwendung von "*" Selektor alle Elemente zurück , die Nachkommen sind <html> .
Gibt alle <span> Elemente, die Nachkommen von <ul>
Wie zurückkehren alle <span> Elemente , die Nachkommen eines sind <ul> Element.
Nur ausgewählte Nachkommen mit einem bestimmten Klassennamen
Wie Nachkomme Elemente mit Klassennamen zurückzukehren "first" .
Zurück mehrere Nachkommen
Wie mehrere Nachfolgerelemente zurück.
Filtern Sie die Nachkomme Suche mit einer jQuery Sammlung aller <ul> Elemente
Wie alle zurückkehren <span> Elemente , die Nachkommen eines sind <ul> Element mit einem jQuery - Objekt.
Zeigen die Nachkommen eines Elements von Tag - Namen
Eine Demonstration , die die Nachkommen eines zeigt <div> Element tatsächlich sind.