JQuery, Selektoren/Filter/Leistungsoptimierung

1. Browser-Einführung:

1. JQuery-Objekt ist ein Array-ähnliches Objekt mit Länge und Dose übergeben werden Indexzugriff, wenn das Array-ähnliche Objekt nicht manuell hinzugefügt wird, sind die Methoden des Array-Objekts nicht verfügbar.

2. Die Länge eines Arrays wächst automatisch, wenn Elemente hinzugefügt werden, ein Klassenarray jedoch nicht.

3. Klassenarrays können über die Slice-Methode in Arrays umgewandelt werden:

Array.prototype.slice.call(a);

1. JQuery-Basisselektor:

1. ID-Selektor

2. Klassenselektor

3. Nachkommenselektor

4. Attributselektor

5. a[href!="http://www.baidu.com"], eine neue Methode in jquery, wählt alle Elemente aus, die nicht der Baidu-URL entsprechen.

1. JQuery-Filter/Filter:

• lang(Sprache) : Elemente der angegebenen Sprache auswählen

• not(selector) : Alle Elemente auswählen, die nicht die angegebenen Elemente sind

• ROOT: Das Stammverzeichnis aller Dokumente ist

• Ziel: Wählen Sie den Erkennungscode der Seite aus, haben Sie

• Versteckt: Wählen Sie das Unsichtbare aus Element, nein, nein Enthält Deckkraft, schließt keine ausgeblendeten Elemente ein, schließt keine Elemente ein, die Positionen belegen und nicht angezeigt werden

• sichtbar                                                                                                        : Wählen Sie das Titelelement

• animiert: Wählen Sie alle Elemente aus, die Animationseffekte ausführen

• : leer: Wählen Sie den Inhalt aus. Leere Elemente

• : enthält(Text) : Elemente zum Filtern von Text auswählen

• : has(selector) : Wählen Sie beispielsweise p:has (span)

: Elternteil                                                                                                                                       :                                                                                    🎜>
• :last-child

• first-of-type: Wählen Sie das erste mit demselben Typ aus: li:first-of-type

last-of-type

• nth-child() : Zählt ab 1

• nth-last-child()

• nth-of-type()

• nth-last-of-type()

• only-child

• only-of-type
• :checked : Ausgewählte auswählen

• :disabled : Deaktivierte auswählen

• :enabled : Aktiviert : Alle außer deaktivierten können ausgewählt werden

: Fokus: Wird im Allgemeinen nicht direkt verwendet, sondern nur verwendet, nachdem das Formular geladen wurde.

• : Schaltfläche: Nicht nur die Schaltfläche ist ausgewählt, sondern auch

• der Typschaltfläche

  :checkbox: Alle Mehrfachauswahlfelder auswählen

• :file: Dateieingabefeld auswählen

• :image: Wählen Sie den Bildtyp aus. Elemente

• :input: Wählen Sie alle Formularelemente aus

• :password

• :radio : Wählen Sie das Optionsfeld

• :reset : Der ausgewählte Typ wird zurückgesetzt,

• :selected : Alles auswählen ausgewählte Zustände

• :submit : Typ als „Senden“ auswählen, einige Browser wählen auch die Schaltfläche aus

• :text : Typ als Text auswählen, ebenfalls auswählen
:first
:last
: gerade
:odd

• :eq(n) : gleich n

• :gt (n) : größer als n

• :lt(n) : kleiner als n

Standortfilter:
Formularfilter
Filter für untergeordnete Elemente
Inhaltsfilter

1. Andere Filter

2. Benutzerdefinierter Selektor

1. Leistungsoptimierung des JQuery-Selektors:

1. Versuchen Sie, in CSS verfügbare Selektoren zu verwenden

2. Übermäßige Einschränkungen vermeiden

3. Versuchen Sie, mit der ID zu beginnen

4. Lassen Sie den Selektor auf der rechten Seite mehr Funktionen haben

5. Vermeiden Sie die Verwendung globaler Selektoren

6. Ergebnisse der Cache-Auswahl

Das obige ist der detaillierte Inhalt vonJQuery, Selektoren/Filter/Leistungsoptimierung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!