Der jQuery-Selektor ist eine leistungsstarke Manifestation von jQuery. Er bietet eine Reihe von Methoden, mit denen wir Elemente auf der Seite bequemer abrufen können.
jQuery-Elementselektoren und Attributselektoren ermöglichen Ihnen die Auswahl von HTML-Elementen nach Tag-Namen, Attributnamen oder Inhalt.
Mit Selektoren können Sie Gruppen von HTML-Elementen oder einzelne Elemente bearbeiten.
In HTML-DOM-Begriffen:
Selektoren ermöglichen Ihnen die Bearbeitung von Gruppen von DOM-Elementen oder einzelnen DOM-Knoten.
Es gibt viele Arten von jQuery-Selektoren, werfen wir einen Blick darauf.
jQuery-Elementselektor
jQuery verwendet CSS-Selektoren, um HTML-Elemente auszuwählen.
$("p") wählt das
-Element aus.
$("p.intro") wählt alle
-Elemente mit class="intro" aus.
$("p#demo") wählt alle
-Elemente mit id="demo" aus.
jQuery-Attributauswahl
jQuery verwendet einen XPath-Ausdruck, um Elemente mit einem bestimmten Attribut auszuwählen.
$("[href]") wählt alle Elemente mit dem href-Attribut aus.
$("[href='#']") wählt alle Elemente mit einem href-Wert gleich „#“ aus.
$("[href!='#']") wählt alle Elemente mit einem href-Wert ungleich „#“ aus.
$("[href$='.jpg']") Ruft alle Elemente ab, deren href-Wert mit „.jpg“ endet.
jQuery-CSS-Selektoren
jQuery-CSS-Selektoren können verwendet werden, um CSS-Eigenschaften von HTML-Elementen zu ändern.
Das folgende Beispiel ändert die Hintergrundfarbe aller p-Elemente in Rot:
$("p").css("background-color","red");Das obige ist der detaillierte Inhalt vonWas ist ein JQuery-Selektor?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
