Heim > Artikel > Web-Frontend > Analyse des Unterschieds zwischen nächstgelegenen und übergeordneten Elementen in jQuery_jquery
In Bezug auf die Leistung bedeuten „Cearste“ und „Parents“ in jQuery beide, einige Inhalte des Online-Elements zu finden, aber wenn Sie genau hinsehen, verstehen Sie möglicherweise nicht den Unterschied zwischen „Cearst“ und „Eltern“.
1. Elternteil
parent() – das einzige übergeordnete Element, das aus 0 oder 1 Elementen bestehen kann.
2. Vorfahren
Eltern (ausgewählt) – alle ausgewählten Vorfahren (ohne Stammelemente), die aus 0, 1 oder mehr Elementen bestehen können.
nächstgelegene(ausgewählte) – der einzige ausgewählte Vorfahre, der aus 0 oder 1 Elementen bestehen kann.
Der Hauptunterschied zwischen Nächsten und Eltern ist:
Ersteres beginnt mit dem Abgleich und der Suche ab dem aktuellen Element, und letzteres beginnt mit dem Abgleich und der Suche ab dem übergeordneten Element
Ersteres sucht Schritt für Schritt nach oben, bis es ein passendes Element findet und stoppt. Letzteres sucht nach oben bis zum Stammelement, fügt diese Elemente dann in eine temporäre Sammlung ein und verwendet dann den angegebenen Selektorausdruck zum Filtern ;Ersteres gibt 0 oder 1 Elemente zurück und letzteres kann 0, 1 oder mehrere Elemente enthalten.
closest ist nützlich für die Abwicklung der Ereignisdelegierung.
Zusammenfassung
1. Die nächstgelegene Suche beginnt mit sich selbst und die übergeordneten Elemente beginnen mit dem übergeordneten Element des Elements
2. Closest sucht nach oben und stoppt die Suche, wenn eine Übereinstimmung gefunden wird. Parents sucht bis zum Stammelement und fügt die passenden Elemente zur Sammlung hinzu
3. „Nest“ gibt ein JQuery-Objekt zurück, das null oder ein Element enthält, und Parents gibt ein JQuery-Objekt zurück, das null oder ein oder mehrere Elemente enthält