Aufruf der JQuery-Suchmethode

jQuery ist eine der beliebtesten JavaScript-Bibliotheken und bietet eine Fülle von Methoden und Funktionen zur Bearbeitung von HTML, CSS und DOM. Unter diesen ist die Suchmethode eine der grundlegendsten und am häufigsten verwendeten Methoden. In diesem Artikel werden die Suchmethode von jQuery und deren Aufruf vorgestellt.

1. Grundlegender Selektor

Die grundlegende Selektormethode von jQuery wird zum Auswählen von HTML-Elementen verwendet. Das Folgende ist die Aufrufmethode des Basisselektors:

1. Auswahl nach Elementname

$("elementName") //elementName ist der Name des HTML-Elements, z. B. $("div")

2. Nach Klassennamen auswählen

$(".className") //className ist der in CSS definierte Klassenname, z. B. $(".main")

3 Nach ID auswählen

$("#id") /. /id ist die HTML-Element-ID, z. B. $("#header")

4 Nach Attribut auswählen

$("[attribute=value]") //attribute ist der Attributname, der Klasse oder ID sein kann oder ein beliebiges benutzerdefiniertes Attribut; Wert ist der Attributwert, z. B. $("[type='submit']")

2 Hierarchischer Selektor

Die hierarchische Selektormethode wird verwendet, um HTML-Elemente mit Eltern-Kind- oder Geschwisterbeziehungen auszuwählen . Das Folgende ist die Aufrufmethode des hierarchischen Selektors:

1. Untergeordnete Elemente auswählen

$("parent child") //parent ist das übergeordnete Element und child ist das untergeordnete Element, z. B. $(".wrapper p")

2. Wählen Sie direkte untergeordnete Elemente aus

$("parent > child") //parent ist das übergeordnete Element und child ist das untergeordnete Element, z. B. $(".wrapper > p")

3 angrenzende Geschwisterelemente

$ („prev + next“) //prev ist das vorherige Geschwisterelement, next ist das nächste Geschwisterelement, z. B. $(„#header + p“)

4 Wählen Sie alle Geschwisterelemente aus

$("prev ~ siblings") //prev ist das vorherige Geschwisterelement, und Geschwister sind alle nachfolgenden Geschwisterelemente, wie z. B. $(".main ~ li")

3 Filterauswahlmethode wird verwendet Zum Filtern und Summieren im ausgewählten Elementsatz. Wählen Sie Elemente aus, die den Kriterien entsprechen. Das Folgende ist die Aufrufmethode des Filterselektors:

1. Wählen Sie das erste Element aus

$("selector:first") //selector ist ein beliebiger Selektor, z. B. $("p:first")

2. Wählen Sie das letzte Element aus. ) / /selector ist ein beliebiger Selektor, z. B. $("li:odd")

4. Wählen Sie gerade Elemente aus

$("selector:even") //selector ist ein beliebiger Selektor, z. B. $("li :even ")

5. Elemente auswählen, die den angegebenen Text enthalten

$("selector:contains(text)") //selector ist ein beliebiger Selektor, text ist der enthaltene Text, z. B. $("p:contains( 'Hello World ')")

4. Attributfilterung

Die Attributfiltermethode wird verwendet, um Elemente zu filtern, die die Bedingungen in der ausgewählten Elementsammlung erfüllen. Das Folgende ist die aufrufende Methode der Attributfilterung:

1. Wählen Sie das Element mit dem angegebenen Attribut aus

$("selector[attribute]") //selector ist ein beliebiger Selektor, attribute ist der Attributname, z. B. $(" a[href]" )

2. Wählen Sie das Element mit dem angegebenen Attribut aus und der Attributwert enthält den angegebenen Text

$("selector[attribute*=value]") //selector ist ein beliebiger Selektor, attribute ist das Attribut Name und Wert ist der enthaltene Text, z. B. $("a[href*='https']")

3 Wählen Sie das Element mit dem angegebenen Attribut und dem Attributwert aus, der mit dem angegebenen Text beginnt

$(" selector[attribute^=value]") //selector ist ein beliebiges Auswahlgerät, attribute ist der Attributname und value ist der Starttext, z. B. $("input[type^='text']")

4. Wählen Sie das Element mit dem angegebenen Attribut aus und der Attributwert endet mit dem angegebenen Text

$("selector [attribute$=value]") //selector ist ein beliebiger Selektor, attribute ist der Attributname und value ist der Text am Ende, wie zum Beispiel $("img[src$='.jpg']")

5. Formularfilter

Die Formularfiltermethode wird zum Filtern von Elementen verwendet, die die Bedingungen in den Formularelementen erfüllen. So rufen Sie den Formularfilter auf:

1. Wählen Sie alle Formularelemente aus

$(":input") //z. B. $(":input")

2. Wählen Sie alle Texteingabefelder aus

$ ("input:text") //So wie $("input:text")

3 Wählen Sie alle Passwort-Eingabefelder aus

$("input:password") //So wie $("input:password").

4. Wählen Sie alle Optionsfelder aus

$("input:radio") //Zum Beispiel $("input:radio")

5. Wählen Sie alle Kontrollkästchen aus

$("input:checkbox") / /Zum Beispiel $( "input:checkbox")

6. Andere Selektoren

Zusätzlich zu den oben vorgestellten Basisselektoren, hierarchischen Selektoren, Filterselektoren, Attributfiltern und Formularfiltern bietet jQuery auch Funktionen wie Inhaltsselektoren und Sichtbarkeit Selektoren und Zustandsselektoren sowie leistungsfähigere Selektormethoden. Die Aufrufmethoden dieser Methoden ähneln den oben genannten Aufrufmethoden und werden hier nicht noch einmal beschrieben.

Zusammenfassung

In diesem Artikel werden die Suchmethoden von jQuery und deren Aufruf vorgestellt, einschließlich grundlegender Selektoren, hierarchischer Selektoren, Filterselektoren, Attributfilter, Formularfilter und anderer Selektoren. In der tatsächlichen Entwicklung ist es sehr wichtig, diese Methoden und Funktionen zu beherrschen, was die Entwicklungseffizienz und Codequalität erheblich verbessern kann und auch ein wichtiges Mittel zur Verbesserung der Wettbewerbsfähigkeit darstellt.

Das obige ist der detaillierte Inhalt vonAufruf der JQuery-Suchmethode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!