Die Attributselektoren in jquery sind: 1. ID-Selektor;
Die Verwendung des $()-Symbols als Selektor in jQuery verbessert die Arbeitseffizienz erheblich.
(Teilen von Lernvideos: Javascript-Video-Tutorial)
Häufig verwendete Attributselektoren sind wie folgt:
1) $('#id') id selector
2) $('. class' ) CSS-Selektor, Klassenname
3) $('element') Tag-Selektor wie p, h1, div
4) $('*') Vollständiger Selektor, optional Alle HTML-Tags (größer Einflussbereich und nützlicher)
5) $('sele1,sele2') Verwenden Sie ','-Kommas, um mehrere Selektoren mit demselben Effekt für verschiedene Elemente zu trennen
6 ) $('div p') Hierarchischer Selektor, häufig verwendeter Selektor, z. B. das p-Tag unter div
7) $('div>p') Es ähnelt dem Selektor auf der vorherigen Ebene, aber es gibt unter dem div-Element untergeordnete Elemente und Enkelelemente Unter den untergeordneten Elementen kann dieser Selektor nur untergeordnete Elemente auswählen
8) $('div+p') Dieser Selektor wird selten verwendet, um anzuzeigen, dass der nächste Selektor an das div angrenzt (muss gleichzeitig Elemente sein). Ebene und nahe beieinander)
9) $('div~p') Alle p-Tags in derselben Phase vom Anfang des Div bis zum Ende der Phase werden ausgewählt, mit Ausnahme der nach unten gerichteten Elemente sind p Untergeordnetes Element
10) $('div:first') Filterselektor, :first wird verwendet: um eine Verbindung mit dem übergeordneten Element herzustellen, dem ersten ausgewählten div-Element;
11) $('div:last ') Filter Die Methode „selector;:last“ ist dieselbe wie oben, wählt jedoch das letzte div-Element aus , geben Sie die Zahl in die Klammern ein, die bei 0 beginnen soll. 0 steht für die erste Position; Alle Textelemente einschließlich der Unterelemente unter li mit Text können ausgewählt werden. Das von Ihnen benötigte Schlüsselwort („Text“) muss in einfache oder doppelte Anführungszeichen gesetzt werden, da es sich um eine Zeichenfolge und nicht um eine Variable handelt 14) $('li:has("p")') Dieser Selektor ähnelt dem hierarchischen Selektor, da er alle p-Tags unter li auswählt und vererbt werden kann
15) $('div:hidden'; ) :hidden Dieser Selektor kann einige display:none auswählen; versteckte Selektoren
16) $('span:visible') Im Gegensatz zu :hidden werden alle span-Tags ausgewählt, das span-Attribut von display:none jedoch nicht auswählen
17) $('li[title=book]') Attributselektor, wählen Sie das Element in li mit dem Attribut title=book;
18) $('li[title!=book] ' ) Wählen Sie im Gegensatz zum vorherigen die Elemente in li aus, deren Titel nicht gleich ist mit book;
19) $('li[title*=k]') Attributselektor, wählen Sie alle Elemente in li und alle Titel aus mit k-Zeichen-Elementen;
20) $('li:first-child') Untergeordneter Elementfilter;:erster Filter kann das erste untergeordnete Element des angegebenen übergeordneten Elements abrufen, das keine Sammlung ist eins unter li Das erste untergeordnete Element besteht nicht aus allen untergeordneten Elementen unter li. Und das erste untergeordnete Element erhält das erste untergeordnete Element, das von jedem übergeordneten Element zurückgegeben wird oberer Filterselektor ,last:child erhält das letzte untergeordnete Element, das von jedem übergeordneten Element zurückgegeben wird
22) $('form :input') Der Formularselektor umfasst Eingabe, Auswahl, Schaltfläche, Textbereich,
23 ) $('form :text') Formulartextselektor, dieser Selektor enthält nur die Auswahl des enthält auch nur den Typ = 'password' in der Eingabe,
25) $('form :radio') Der Radio-Button-Selektor enthält ebenfalls nur den Typ = 'radio' in der Eingabe, 26) $('form :checkbox') Kontrollkästchen-Selektor, enthält auch nur den Typ type='checkbox' in der Eingabe
27) $('form :submit') Schaltflächenselektor zum Senden, enthält type= in der Eingabe "Senden" und Schaltflächentypen,
28) $('form :image') Bildfeldauswahl Nur der Quellcode in der Eingabe kann wirksam werden. Wenn img src zum Formular hinzugefügt wird, ist dies nicht betroffen Eingaben sind gültig
30) $('form :checked') Wählen Sie den Statusselektor aus, mit dem Auswahlfeld werden Radio und Kontrollkästchen ausgewählt;
31) $('form :selected') Wählen Sie den unteren aus Mit dem Kontrollkästchen-Tool können Sie nur alle ausgewählten Optionsselektoren in der Dropdown-Liste „Auswählen“ abrufen;
Verwandte Empfehlungen: JS-Tutorial
Das obige ist der detaillierte Inhalt vonWelche Attributselektoren hat JQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
