Résumé des points de connaissances sur Selector dans jQuery
巴扎黑
Libérer: 2017-06-21 09:45:30
original
1161 Les gens l'ont consulté
Résumé de JQuery Selector, les amis dans le besoin peuvent s'y référer, ce sont des méthodes de contrôle de sélection couramment utilisées.
//jQuery selector$ //$(expression,[context]) return jQuery //Unit One //Le définisseur CSS d'expression consiste à exprimer l'élément à sélectionner en CSS syntaxe
// $("*"); // Représente toutes les balises d'éléments de la page // $("th, td") // Représente toutes les
//Unit two /// $( html, [ownerDocument]) return jQuery //Cette fonction permet de passer un élément html texte, constructeur Un objet jQuery créé par ce texte HTML sera généré. Cet objet peut ne pas exister à l'origine, ou il peut exister sur la page d'origine //$('
///$(elements) return jQuery //Cette fonction permet le passage direct dans le DOM //$( document.forms[0].elements). appendTo("h2"); // Vous pouvez vous référer au document DOM //$(callback) return jQuery
//Ce qui suit est Quelques instructions pour le sélecteur /* Bases :
#id : Récupère l'objet en fonction de son attribut id. element : Tous les objets qui correspondent à une certaine balise HTML .class : Récupère l'objet en fonction de l'attribut de classe de l'objet * : Récupère tous les objets selector1, selector2, selectorN : Obtenez une collection de plusieurs sélecteurs sans supprimer les doublons
Sélecteur hiérarchique : ancêtre descendant : Ce sélecteur est un espace, ce qui signifie que tous les objets du premier sélecteur sont trouvés en premier, puis Rechercher tous les objets qui correspondent au deuxième sélecteur parmi les nœuds descendants de . parent > enfant : ce sélecteur est le signe supérieur à, ce qui signifie qu'il faut d'abord rechercher tous les objets du premier sélecteur, puis rechercher tous les objets qui correspondent au deuxième sélecteur dans ses nœuds enfants (pas de grands nœuds). prev + next : Ce sélecteur est le signe plus, ce qui signifie qu'il faut d'abord rechercher tous les objets du premier sélecteur, puis rechercher les objets qui suivent le nœud suivant du même niveau et correspondent également au deuxième sélecteur. prev ~ frères et sœurs : ce sélecteur est le signe ~, ce qui signifie qu'il faut d'abord rechercher tous les objets avec le premier sélecteur, puis rechercher les objets qui correspondent au deuxième sélecteur dans tous les nœuds suivants au même niveau.
Caractères de filtre de base : :first : faire correspondre le premier objet parmi plusieurs objets :last : faire correspondre le dernier objet parmi plusieurs objets :not(selector) : faire correspondre les éléments avec le contenu dans le sélecteur après non supprimé : pair : correspond au nombre pair parmi tous les objets : impair : correspond au nombre impair parmi tous les objets : eq(index) : correspond à un certain Un seul élément dans ce qui suit table :gt(index) : correspond à tous les éléments supérieurs à un certain indice :lt(index) : correspond à tous les éléments inférieurs à un certain indice :header : correspond à tous les éléments d'en-tête, par exemple, h1 , h2, h3, h4, h5, h6 :animated : correspond à tous les éléments animés
filtre de texte : :contains(text) : correspond à l'élément de texte qui a le contenu interne des objets, y compris situations utiles indirectes :empty : correspond à tous les objets sans éléments enfants :has(selector) : correspond à tous les objets qui contiennent au moins un sélecteur enfant :parent : correspond à tous les objets parents, l'objet parent contient ceux objets qui contiennent uniquement du texte
Filtre de visibilité : :hidden : correspond à tous les objets cachés, ou au type masqué dans l'entrée :visible : correspond à tous les objets visibles
Filtre d'attribut : [attribut] : correspond à tous les objets avec un certain attribut [attribute=value] : correspond aux objets avec un certain attribut et une certaine valeur [attribute!= value] : correspond aux objets qui ont un certain attribut et n'ont pas une certaine valeur [attribute^=value] : fait correspondre les objets qui ont un certain attribut et commencent par une certaine valeur [attribute$=value] : fait correspondre les objets qui ont un certain attribut et se terminent par une certaine valeur value [attribute*=value] : faire correspondre les objets qui ont un certain attribut et contenir une certaine valeur [selector1] [selector2][selectorN] : faire correspondre les objets qui correspondent à plusieurs sélecteurs d'attribut en même temps
sous-filtre : :nth- child(index/even/odd/equation) : correspond à un certain indice /even/odd/ dans l'élément enfant Pour les objets équation, :eq(index) ne peut correspondre qu'au caractéristiques d'un élément enfant d'un seul objet, tandis que cette méthode peut faire correspondre les caractéristiques communes d'un certain élément enfant de plusieurs objets : premier enfant : correspondre au premier élément enfant : dernier - child : correspond au dernier élément enfant Ces deux matchers peuvent également correspondre à tous les éléments enfants de plusieurs objets parents : only-child : if Si un élément parent n'a qu'un seul élément enfant, il correspondra à cet élément enfant
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn