Heim >Web-Frontend >js-Tutorial >Ausführliche Erläuterung der Verwendung des jQuery-Kinderselektors „Eltern' > „Kind'.
jQuerys übergeordneter > untergeordneter Selektor (untergeordneter Selektor) wird verwendet, um alle untergeordneten Elemente des übergeordneten Elements abzugleichen, sie in jQueryObjekte zu kapseln und zurückzugeben.
Hinweis: Der Suchbereich des untergeordneten Selektors muss die untergeordneten Elemente des „übergeordneten Elements“ umfassen, ausgenommen „Enkelkinder“ und spätere Elemente.
Wenn Sie in allen Nachkommenelementen suchen möchten, verwenden Sie den Nachkommenselektor(Ancestor DescEndeAnt).
Grammatik
// 这里的parent表示具体的父辈选择器 // 这里的child表示具体的子辈选择器 jQuery( "parent > child" )
> Die Leerzeichen auf beiden Seiten des Symbols können weggelassen werden, es wird jedoch nicht empfohlen, sie wegzulassen, da die Zeichen sonst möglicherweise zu nahe beieinander liegen, um die Lesbarkeit zu beeinträchtigen .
Parameter
Parameter .
Kind kann nur verwendet werden, um untergeordnete Elemente des übergeordneten Selektors abzugleichen. Das jQuery-Objekt des untergeordneten Elements der Bedingung.
Wenn kein DOM-Element gefunden wird, das mit dem übergeordneten Selektor übereinstimmt, oder kein untergeordnetes Element gefunden wird, das mit dem untergeordneten Selektor übereinstimmt, innerhalb des DOM-Elements, das mit dem übergeordneten Selektor übereinstimmt, wird ein leeres jQuery-Objekt zurückgegeben.
Es können mehrere übergeordnete DOM-Elemente vorhanden sein, die mit dem übergeordneten Selektor übereinstimmen, und innerhalb eines übergeordneten DOM-Elements können mehrere untergeordnete DOM-Elemente gefunden werden. Das zurückgegebene jQuery-Objekt kapselt alle DOM-Elemente, die die Bedingungen erfüllen.
Beispiel & Beschreibung
Nehmen Sie den folgenden HTML-Code als Beispiel:
Jetzt wollen wir alle span-Unterelemente im p-Tag auf einmal finden Wenn wir dann nach dem Span-Unterelement des Span-Tags suchen, können Sie den folgenden jQuery-Code schreiben:Wir können alle verwenden
Elementselektor<div id="n1"> <p id="n2" class="test"> <span id="n3" class="a">Hello</span> </p> <p id="n4" class="detail"> <span id="n5" class="b codeplayer">World <span id="n6" class="c">365mini.com</span> </span> </p> </div>(*) wird verwendet, um einen Selektor zu implementieren, der nur nach untergeordneten Elementen sucht. Beispiel: Wir möchten die Span-Tags der Enkel des Elements mit der ID n1 finden. Der entsprechende jQuery-Code lautet wie folgt:
Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der Verwendung des jQuery-Kinderselektors „Eltern' > „Kind'.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!