JQuery ist eine sehr häufig verwendete JavaScript-Bibliothek in der Webentwicklung und verfügt über eine leistungsstarke und umfangreiche API, mit der Elemente auf Webseiten problemlos abgerufen und bearbeitet werden können. jQuery bietet eine Reihe von Selektoren zum Auswählen von Elementen in HTML-Dokumenten. In der tatsächlichen Entwicklung müssen wir das ausgewählte Element basierend auf der Operation des Benutzers abrufen. In diesem Artikel wird erläutert, wie das ausgewählte Element in jQuery abgerufen wird.
1. Basisselektor
Der Basisselektor ist der grundlegendste Selektor von jQuery. Mit einfachen Selektoren können wir alle DOM-Elemente, Elementtypen, Klassen, IDs usw. auswählen. Die folgenden sind häufig verwendete Grundselektoren:
1. *：选择所有元素 2. #id：根据id选择元素 3. .class：根据class选择元素 4. element：选择元素类型 5. [attribute]：选择有某个属性的元素 6. [attribute=value]：选择某个属性等于给定值的元素
2. Hierarchischer Selektor
Der hierarchische Selektor kann verwendet werden, um Elemente auszuwählen, die innerhalb eines bestimmten Elements oder einer bestimmten Elementgruppe verschachtelt sind. Die folgenden hierarchischen Selektoren werden häufig verwendet:
1. ancestor descendant：选择某元素内的后代元素 2. parent > child：选择某元素的直接子元素 3. prev + next：选择某元素之后的紧邻的兄弟元素 4. prev ~ siblings：选择某元素之后的所有兄弟元素
3. Filterselektor
Filterselektoren können Elemente basierend auf ihrem Status auswählen, einschließlich der Frage, ob der Selektor ein bestimmtes Attribut hat und ob sich das Element in einem bestimmten Zustand befindet (z. B. sichtbar oder blockiert). ). Deaktiviert), Knotenposition und andere Bedingungen. Die folgenden Filterselektoren werden häufig verwendet:
1. :first、:last：选择第一个、最后一个元素 2. :not(selector)：选择不符合条件的元素 3. :even、:odd：选择偶数或奇数元素 4. :disabled、:enabled：选择被禁用、可用的元素 5. :checked：选择被选中的元素 6. :selected：选择被选择的元素
4. Holen Sie sich das ausgewählte Element
Es gibt zwei Hauptmethoden, um das ausgewählte Element in jQuery abzurufen:
Wenn wir Wenn es sich bei dem ausgewählten Element um ein Formularelement handelt (z. B. Eingabe, Textbereich usw.), können Sie den Wert des ausgewählten Elements direkt mit der Methode val () abrufen:
var value = $("input:checkbox:checked").val();Der obige Codeparameter input:checkbox:checked bedeutet, dass alle markierten Elemente ausgewählt werden und dann die val()-Methode verwendet wird, um ihren Wert abzurufen.
Wenn das von uns ausgewählte Element kein Formularelement ist, können wir das ausgewählte Element über die Selektor- und Ereignisbehandlungsfunktion abrufen. Der Code lautet wie folgt:
// 给被选中的元素绑定click事件
$("p").click(function() {
$(this).toggleClass("selected");
});
// 获取被选中的元素
var selected = $("p.selected");Im obigen Code verwenden wir die Methode click(), um das Klickereignis an das ausgewählte Element zu binden. Wenn auf ein Element geklickt wird, wird der ausgewählte Klassenname dem Element hinzugefügt oder daraus entfernt. Zeigt an, dass auf das Element geklickt wird. Schließlich verwenden wir den Selektor, um das ausgewählte Element abzurufen.
Zusammenfassung: Um das ausgewählte Element in jQuery abzurufen, können Sie Basisselektoren, hierarchische Selektoren und Filterselektoren verwenden oder das ausgewählte Element über die val()-Methode und die Ereignisbehandlungsfunktion des Formularelements abrufen. Die Beherrschung dieser Methoden kann uns die Bedienung von Elementen auf Webseiten erleichtern.
Das obige ist der detaillierte Inhalt vonSo erhalten Sie das ausgewählte Element in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
