Zusammenfassung der Wissenspunkte zu Selector in jQuery
巴扎黑Original
2017-06-21 09:45:301175Durchsuche
Zusammenfassung von JQuery Selector, Freunde in Not können sich darauf beziehen, es handelt sich um einige häufig verwendete Methoden zur Auswahlsteuerung.
//jQuery selector$ //$(expression,[context]) return jQuery //Unit One //Der CSS-Definierer von expression dient dazu, das in CSS auszuwählende Element auszudrücken Syntax
// $("*"); // Repräsentiert alle Element-Tags auf der Seite // $("th, td") // Repräsentiert alle
//Einheit zwei /// $( html, [ownerDocument]) return jQuery //Diese Funktion ermöglicht die Übergabe von HTML-Element Text, Konstruktor. Es wird ein durch diesen HTML-Text erstelltes jQuery-Objekt generiert. Dieses Objekt existiert möglicherweise ursprünglich nicht. oder es kann auf der Originalseite vorhanden sein //$('
//Das Folgende sind einige Anweisungen für den Selektor /* Grundlagen:
#id: Ruft das Objekt basierend auf seinem ID-Attribut ab. element: Alle Objekte, die einem bestimmten HTML-Tag
entsprechen.class: Das Objekt gemäß dem Klassenattribut des Objekts abrufen *: Alle Objekte abrufen selector1, selector2, selectorN: Holen Sie sich eine Sammlung mehrerer Selektoren, ohne Duplikate zu entfernen Ebenenselektor: Nachkomme des Vorfahren: Dieser Selektor ist ein Leerzeichen, was bedeutet, dass alle Objekte des ersten Selektors zuerst gefunden werden und dann gesucht wird alle Objekte, die mit dem zweiten Selektor unter den Nachkommenknoten von übereinstimmen. übergeordnetes Element > untergeordnetes Element: Dieser Selektor ist das Größer-als-Zeichen. Dies bedeutet, dass zuerst alle Objekte des ersten Selektors und dann alle Objekte gefunden werden, die mit dem zweiten Selektor in seinen untergeordneten Knoten (nicht in großen Knoten) übereinstimmen. prev + next: Dieser Selektor ist das Pluszeichen. Dies bedeutet, dass zuerst alle Objekte des ersten Selektors und dann die Objekte gefunden werden, die dem nächsten Knoten derselben Ebene folgen und auch mit dem zweiten Selektor übereinstimmen. prev ~ Geschwister: Dieser Selektor ist das ~-Zeichen. Dies bedeutet, dass zuerst alle Objekte mit dem ersten Selektor gefunden werden und dann in allen nachfolgenden Knoten auf derselben Ebene Objekte gefunden werden, die mit dem zweiten Selektor übereinstimmen.
Grundlegende Filterzeichen: :first: Übereinstimmung mit dem ersten Objekt unter mehreren Objekten :last: Übereinstimmung mit dem letzten Objekt unter mehreren Objekten :not(selector): Übereinstimmung mit Elementen mit dem Inhalt im Selektor nach nicht entfernt : gerade: Übereinstimmung mit der geraden Zahl unter allen Objekten : ungerade: Übereinstimmung mit der ungeraden Zahl unter allen Objekten : eq(index): Übereinstimmung mit einem bestimmten Ein einzelnes Element im Folgenden Tabelle :gt(index): entspricht allen Elementen, die größer als ein bestimmter Index sind. :lt(index): entspricht allen Elementen, die kleiner als ein bestimmter Index sind. :header: entspricht allen Elementen im Header, z. B. h1 , h2, h3, h4, h5, h6 :animated: entspricht allen animierten Elementen
Textfilter: :contains(text): entspricht dem Textelement, das den internen Inhalt enthält. Objekte, einschließlich indirekte nützliche Situationen :empty: entspricht allen Objekten ohne untergeordnete Elemente :has(selector): entspricht allen Objekten, die mindestens einen untergeordneten Selektor enthalten :parent: entspricht allen übergeordneten Objekten, das übergeordnete Objekt enthält diese Objekte, die nur Text enthalten
Sichtbarkeitsfilter: :hidden: entspricht allen ausgeblendeten Objekten oder dem ausgeblendeten Typ in der Eingabe :visible: entspricht allen sichtbaren Objekten
Attributfilter : [Attribut]: Entspricht allen Objekten mit einem bestimmten Attribut. [Attribut=Wert]: Entspricht Objekten mit einem bestimmten Attribut und Wert. [Attribut!=Wert]: Entspricht Objekten, die ein bestimmtes Attribut und einen bestimmten Wert haben sind kein bestimmter Wert [attribute^=value]: Objekte abgleichen, die ein bestimmtes Attribut haben und mit einem bestimmten Wert beginnen [attribute$=value]: Objekte abgleichen, die ein bestimmtes Attribut haben und mit einem bestimmten enden Wert [Attribut*=Wert]: Objekte abgleichen, die ein bestimmtes Attribut haben und einen bestimmten Wert enthalten [selector1] [selector2][selectorN]: Objekte abgleichen, die mit mehreren Attributselektoren gleichzeitig übereinstimmen
Unterfilter: :nth- child(index/even/odd/equation): Übereinstimmung mit einem bestimmten Index /even/odd/ im untergeordneten Element. Für das Objekt der Gleichung kann nur :eq(index). Übereinstimmung mit den Unterelementmerkmalen eines einzelnen Objekts, während diese Methode mit den gemeinsamen Merkmalen eines bestimmten Unterelements mehrerer Objekte übereinstimmen kann : erstes untergeordnetes Element: Übereinstimmung mit dem ersten untergeordneten Element : last-child: Übereinstimmung mit dem letzten untergeordneten Element Diese beiden Matcher können auch mit allen untergeordneten Elementen mehrerer übergeordneter Objekte übereinstimmen : only-child: if Wenn ein übergeordnetes Element nur ein untergeordnetes Element hat, stimmt es mit diesem untergeordneten Element überein element
form filter Name Type
:input Returns: Array Array Entspricht Elementen, deren Eingabetyp Text in der Form ist
: Passwort Rückgabe: Array :radio Gibt zurück: Array Übereinstimmt Elemente im Formular, deren Eingabetyp radio ist
: checkbox Gibt zurück: Array ; Übereinstimmen Sie Elemente im Formular, deren Eingabetyp Kontrollkästchen ist
:submit Gibt zurück: Array 🎜>:image Gibt zurück: Array Das Element, das dem Bild im Formular entspricht
:reset Gibt zurück: Array Eingabetyp wird im Formular zurückgesetzt
:button Gibt zurück: Array Elemente, deren Eingabetyp button im Formular ist
:file Gibt zurück: Array< Element(s)> entspricht Elementen, deren Eingabetyp im Formular
:hidden ist. Gibt zurück: Array Formularelement oder ausgeblendeter Bereich
:enabled Gibt zurück: Array entspricht allen aktivierten Elementen
:disabled Gibt zurück: Array trifft alle nicht aktivierten Elemente zu
:checked Gibt zurück: Array trifft alle geprüften Elemente zu
:selected Gibt zurück: Array< Element(e)> entspricht allen Dropdown-Liste ausgewählten Elementen
*/
Das obige ist der detaillierte Inhalt vonZusammenfassung der Wissenspunkte zu Selector 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