Heim  >  Artikel  >  Web-Frontend  >  Zusammenfassung der Selektoren in jQuery

Zusammenfassung der Selektoren in jQuery

yulia
yuliaOriginal
2018-09-26 15:13:292205Durchsuche

Es gibt viele Selektoren in jQuery, z. B. Basisselektoren, Formularselektoren, Filterselektoren usw. Einige davon vergisst man leicht, wenn man sie nicht oft verwendet. Ich habe kürzlich eine Zusammenfassung der Selektoren in jQuery erstellt Probieren Sie es aus und teilen Sie es mit allen. Ich hoffe, es kann Ihnen helfen.

Basisselektor

//ID-Selektor $("#id")

//Elementselektor $("div")

//Klassenselektor $(".classname")

//Kombinierter Selektor $(".classname,.classname1,#id1")

Hierarchischer Selektor

//Selektor für untergeordnete Elemente $("#id>.classname")

//Selektor für untergeordnete Elemente $("#id .classname")

// Der nächste Elementselektor $("#id + .classname")

//Geschwisterelementselektor $("#id ~ .classname")

Filterselektor

//Das erste li $("li:first")

//Das letzte li $("li:last")

//Wählen Sie das li aus, dessen Index ist eine gerade Zahl $("li:even")

//Wählen Sie das li aus, dessen Index eine ungerade Zahl ist $("li:odd")

//li mit dem Index gleich 4 $("li:eq(4)")

//li mit Index größer als 2 $("li:gt(2)")

//Li mit Index kleiner als 2 $("li:lt(2)")

//Alle li außer id="runoob" $("li:not(#runoob) ")

auswählen Inhaltsfilterauswahl

// Element mit Runob-Text $("div:contains('Runob')")

//Leeres Element, das keine untergeordneten Elemente oder Text $ enthält ("td:empty")

//Enthält Elemente, die mit dem Selektor übereinstimmen $("div:has(selector)")

//Elemente, die untergeordnete Elemente oder Text enthalten $("td :parent")

Sichtbarkeitsfilterselektor

//Alle unsichtbaren Elemente oder Elemente mit dem Typ ausgeblendet abgleichen $("li:hidden")

//Alle sichtbaren Elemente abgleichen $("li:visible")

Attributfilterauswahl

//Alle div-Elemente mit dem ID-Attribut $("div[id ]")

// div-Elemente mit dem ID-Attributwert 123 $("div[id='123'] ")

// div-Elemente, deren ID-Attributwert nicht gleich 123 ist $("div[id!='123']")

// div-Elemente, deren ID-Attributwert mit qq beginnt $("div[id^='qq']")

// div-Element, dessen ID-Attributwert mit zz $("div[id$='zz']") endet

// Das div-Element, dessen ID-Attributwert bb $("div[id* ='bb']")

//Multi-Attribut-Filterung, Elemente, die die Bedingungen beider Attribute gleichzeitig erfüllen $(" input[id][name$='man']")

Statusfilterauswahl

// Übereinstimmung mit verfügbarer Eingabe $("input:enabled")

// Übereinstimmung mit nicht verfügbarer Eingabe $("input:disabled ")

// Übereinstimmung mit ausgewählter Eingabe $("input:checked")

// Übereinstimmung mit ausgewählter Option $("option:selected")

Form Selektor

//Alle Eingabe-, Textbereichs-, Auswahl- und Schaltflächenelemente abgleichen $(":input" )

//Für alle einzeiligen Textfelder $(":text ") ist äquivalent zu $("[type=text]"). Es wird empfohlen, $("input:text") für eine höhere Effizienz zu verwenden. Das Gleiche unten $(":text")

/ /Alle Passwortfelder $(":password")

//Alle Optionsfelder $(":radio")

//Alle Kontrollkästchen $(":checkbox")

//Alle Senden-Schaltflächen $(":submit")

//Alle Reset-Schaltflächen $(":reset")

//Alle Schaltflächen-Schaltflächen $(":button")

//Alle Dateifelder $(":file")

Das obige ist der detaillierte Inhalt vonZusammenfassung der Selektoren in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn