jQuery succinctement Sélection jQuery

 // Retirer 
 éléments du wrapper // set qui ne sont pas positionnés de façon absolue $ ('div'). filter (function () return $ (this) .css ('position') === 'absolu';); // ou // Supprime tous les éléments du wrapper // set qui ne sont pas positionnés de manière absolue $ ('*'). filter (function () return $ (this) .css ('position') === 'absolu' ;);

Remarques: Pour plus d'informations sur la création de vos propres sélecteurs, je suggère la lecture suivante: http://www.bennadel.com/blog/1457-How-To-Build-A-Custom-jQuery-Selector.htm

Différences entre le filtrage par ordre numérique et les relations DOM

jQuery fournit des filtres pour filtrer un ensemble d'encapsuleurs en fonction du contexte numérique d'un élément dans l'ensemble.

Ces filtres sont:

• :premier
• :dernier
• :même
• :impair
• : eq (index)
• : gt (index)
• : lt (index)

Remarques: Les filtres qui filtrent le groupe d'encapsuleurs lui-même le font en filtrant les éléments de l'ensemble à un point de départ de 0 ou un index de 0. Par exemple : eq (0) et :premier accéder au premier élément de l'ensemble - $ ('div: eq (0)') - qui est à un index 0. Ceci est en contraste avec le : nième enfant filtre qui est un indexé. Signification, par exemple, : nième enfant (1) renverra le premier élément enfant, mais en essayant d'utiliser : nième enfant (0) ne fonctionnera pas. En utilisant : nième enfant (0) sélectionnera toujours rien.

En utilisant :premier sélectionnera le premier élément de l'ensemble en :dernier sélectionnera le dernier élément de l'ensemble. N'oubliez pas qu'ils filtrent l'ensemble en fonction de la relation (hiérarchie numérique commençant à 0) au sein de l'ensemble, mais pas les relations des éléments dans le contexte du DOM. Compte tenu de ces connaissances, il devrait être évident que les filtres :premier, :dernier, et : eq (index) retournera toujours un seul élément.

Si ce n'est pas évident, permettez-moi d'expliquer davantage. La raison pour laquelle :premier Vous ne pouvez renvoyer qu'un seul élément car il ne peut y avoir qu'un seul élément dans un ensemble qui est pris en compte en premier lorsqu'il n'y a qu'un seul ensemble. Cela devrait être assez logique. Examinez le code ci-dessous pour voir ce concept en action.

    
 
1
 
2
 
3
 
4
 
5
 
 
 
6
 
7
 
8
 
9
 
dix
 
    

Avec une compréhension claire de la manipulation de l'ensemble lui-même, nous pouvons améliorer notre compréhension de la sélection d'éléments en utilisant des filtres qui sélectionnent des éléments ayant des relations uniques avec d'autres éléments dans le DOM réel. jQuery fournit plusieurs sélecteurs pour le faire. Certains de ces sélecteurs sont personnalisés, tandis que d'autres sont des expressions CSS bien connues pour la sélection d'éléments DOM.

• ancêtre descendant
• parent> enfant
• prev + next
• frères et soeurs
• : nième enfant (sélecteur)
• :premier enfant
• :dernier enfant
• :fils unique
• :vide
• : a (sélecteur)
• :parent

L'utilisation de ces filtres de sélection permet de sélectionner des éléments en fonction de leur relation dans le DOM en tant qu'éléments d'autres éléments du DOM. Pour illustrer ce concept, regardons du code.

    
 
1
 
2
 
3
 
4
 
5
 
 
 
1
 
2
 
3
 
4
 
5
 
    

Si vous êtes surpris par le fait que $ ('li: nth-child (impair)'). text () renvoie la valeur 135135, vous n'êtes pas encore dans les filtres de relation. La déclaration, $ ('li: nième enfant (impair)') dit verbalement serait "trouver tous

    
jQuery
    

    jQuery.com jQuery.com 1 jQuery.com    

 // Sélectionne le dernier 
 contenu dans le // groupe de wrapper contenant le texte "jQuery" $ ('div: last: contient ("jQuery")') // Obtient toutes les cases à la fois visibles et sélectionnées $ (': case à cocher: visible: cochée ')

    
javascript
 
jQuery
 
javascript
 
jQuery
 
javascript
 
jQuery