jQuery Kurz und bündig jQuery-Auswahl

 // Löschen 
 Elemente aus dem // Wrapper-Set, die nicht absolut positioniert sind $ ('div'). filter (function () return $ (this) .css ('position') === 'absolute';); // oder // Entferne alle Elemente aus dem Wrapper // Satz, die nicht absolut positioniert sind $ ('*'). filter (function () return $ (this) .css ('position') === 'absolute' ;);

Anmerkungen: Für weitere Informationen zum Erstellen eigener Selektoren empfehle ich Folgendes: http://www.bennadel.com/blog/1457-How-To-Build-A-Custom-jQuery-Selector.htm

Unterschiede bei der Filterung nach numerischer Reihenfolge im Vergleich zu DOM-Beziehungen

jQuery bietet Filter zum Filtern eines Wrapper-Sets nach dem numerischen Kontext eines Elements innerhalb des Sets.

Diese Filter sind:

• :zuerst
• :zuletzt
• :sogar
• :ungerade
• : eq (index)
• : gt (index)
• : lt (index)

Anmerkungen: Filter, die den Wrapper-Satz selbst filtern, filtern die Elemente im Satz an einem Startpunkt von 0 oder einem Index von 0. Zum Beispiel : eq (0) und :zuerst Greifen Sie auf das erste Element im Satz zu - $ ('div: eq (0)') - Welches ist bei einem 0-Index. Dies steht im Gegensatz zum : n-te Kind eins indizierter Filter. Das bedeutet zum Beispiel, : n-te Kind (1) gibt das erste untergeordnete Element zurück, versucht jedoch zu verwenden : n-te Kind (0) wird nicht funktionieren. Verwenden : n-te Kind (0) wird immer nichts auswählen.

Verwenden :zuerst wählt das erste Element des Sets aus :zuletzt wählt das letzte Element in der Gruppe aus. Denken Sie daran, dass die Gruppe nach der Beziehung (numerische Hierarchie beginnend bei 0) innerhalb der Gruppe gefiltert wird, nicht jedoch nach den Beziehungen der Elemente im Kontext des DOM. Angesichts dieses Wissens sollte es offensichtlich sein, warum die Filter funktionieren :zuerst, :zuletzt, und : eq (index) wird immer ein einzelnes Element zurückgeben.

Wenn es nicht offensichtlich ist, lassen Sie mich weiter erklären. Der Grund dass :zuerst Ein einzelnes Element kann nur zurückgegeben werden, weil in einer Menge nur ein Element enthalten sein kann, das als erstes betrachtet wird, wenn nur eine Menge vorhanden ist. Das sollte ziemlich logisch sein. Untersuchen Sie den folgenden Code, um dieses Konzept in Aktion zu sehen.

    
 
1
 
2
 
3
 
4
 
5
 
 
 
6
 
7
 
8
 
9
 
10
 
    

Mit einem klaren Verständnis der Manipulation des Sets selbst können wir unser Verständnis für das Auswählen von Elementen erweitern, indem Sie Filter verwenden, die Elemente auswählen, die eindeutige Beziehungen zu anderen Elementen im eigentlichen DOM haben. jQuery stellt hierfür mehrere Selektoren zur Verfügung. Einige dieser Selektoren sind benutzerdefiniert, während andere bekannte CSS-Ausdrücke zum Auswählen von DOM-Elementen sind.

• Vorfahr Nachkomme
• Elternteil> Kind
• vorheriges + nächstes
• vor ~ Geschwister
• : n-te Kind (Selektor)
• :erstes Kind
• :letztes Kind
• :Einzelkind
• :leeren
• : has (Wahlschalter)
• :Elternteil

Bei Verwendung dieser Auswahlfilter werden Elemente basierend auf ihrer Beziehung innerhalb des DOM so ausgewählt, dass sie sich auf andere Elemente im DOM beziehen. Um dieses Konzept zu veranschaulichen, wollen wir uns etwas Code ansehen.

    
 
1
 
2
 
3
 
4
 
5
 
 
 
1
 
2
 
3
 
4
 
5
 
    

Wenn Sie überrascht sind, dass $ ('li: nth-child (ungerade)'). text () Gibt den Wert 135135 zurück, sind Sie noch keine Beziehungsfilter. Die Aussage, $ ('li: nth-child (ungerade)') sagte verbal wäre "alles finden"

    
jQuery
    

    jQuery.com jQuery.com 1 jQuery.com    

 // wähle das letzte aus 
 im // Wrapper-Set enthalten, das den Text "jQuery" enthält $ ('div: last: contains ("jQuery")') // Alle Kontrollkästchen abrufen, die sowohl sichtbar als auch ausgewählt sind $ (': Kontrollkästchen: sichtbar: Aktiviert) ')

    
Javascript
 
jQuery
 
Javascript
 
jQuery
 
Javascript
 
jQuery