Maison  >  Article  >  interface Web  >  JQuery, sélecteurs/filtres/optimisation des performances

JQuery, sélecteurs/filtres/optimisation des performances

炎欲天舞
炎欲天舞original
2017-08-04 14:50:101564parcourir
  1. Introduction au navigateur :

    1. L'objet jquery est un objet de type tableau qui a une longueur et peut être utilisé. être transmis à l'accès à l'index, si l'objet de type tableau n'est pas ajouté manuellement, les méthodes de l'objet tableau ne sont pas disponibles.

    2. La longueur d'un tableau augmentera automatiquement lors de l'ajout d'éléments, mais pas un tableau de classe.

    3. Les tableaux de classes peuvent être convertis en tableaux grâce à la méthode slice :


Array.prototype.slice.call(a);

  1. Sélecteur de base JQuery :

    1. Sélecteur d'ID

    2. Sélecteur de classe

    3. Sélecteur de descendant

    4. Sélecteur d'attribut

    5. a[href!="http://www.baidu.com"], une nouvelle méthode dans jquery, sélectionne tous les éléments qui ne sont pas égaux à l'URL Baidu.

  1. Filtres/filtres JQuery :

  • lang(langue) : Sélectionnez les éléments de la langue spécifiée

  • not(selector) : Sélectionnez tous les éléments qui ne sont pas les éléments spécifiés

  • RACINE : La racine de tous les documents est

  • Cible : Sélectionnez le code de reconnaissance de la page, ayez

  • Masqué : Sélectionnez l'invisible élément, non, non Contient de l'opacité, n'inclut pas d'éléments masqués, n'inclut pas d'éléments qui occupent des positions et ne sont pas affichés

  • visible                            : Sélectionnez l'élément de titre

  • animé : Sélectionnez tous les éléments qui effectuent des effets d'animation

  •  : vide : Sélectionnez le contenu Éléments vides
  • : contain(text) : Sélectionnez les éléments pour filtrer le texte

  • : has(selector) : Par exemple, sélectionnez p:has (span)

  • : parent                                                                 :                                                                                                                                                                        🎜>

    :last-child
  • first-of-type : Sélectionnez le premier du même type : li:first-of-type
  • dernier-de-type

  • ntième-enfant() : Compter à partir de 1

  • nth-last-child()

  • nth-of-type()

  • nth-last-of-type()

  • enfant unique

  • uniquement de type

  • :coché : Sélectionnez les
  • sélectionnés:disabled : Sélectionnez ceux désactivés
  • :enabled : Activé : Tous sauf ceux désactivés peuvent être sélectionnés
  • : focus : généralement pas utilisé directement, attendez que le formulaire soit chargé avant d'utiliser

  • :button : non seulement le bouton est sélectionné, mais aussi

  • de type bouton
  • :checkbox : Sélectionnez toutes les cases à sélection multiple

  • :file : Sélectionnez la zone de saisie du fichier

  • :image : Sélectionnez le type d'image Elements

  • :input : sélectionnez tous les éléments du formulaire

  • :password

  • :radio : Sélectionnez le bouton radio

  • :reset : Le type sélectionné est réinitialisé,

  • :selected : Sélectionnez tous les états sélectionnés

  • :submit : Sélectionnez le type comme soumettre, certains navigateurs sélectionneront également le bouton

  • :text : Sélectionnez le type comme texte, également sélectionnez

  • :premier

  • :dernier

  • :pair

    :impair
  • :eq(n) : égal à n
  • : gt(n) : supérieur à n
  • :lt(n) : inférieur à n
  • Filtre d'emplacement :

  • Filtre de formulaire

  • Filtre d'élément enfant

    Filtre de contenu
  1. Autres filtres
  2. Sélecteur personnalisé

  1. Optimisation des performances du sélecteur JQuery :

    1. Essayez d'utiliser les sélecteurs disponibles en CSS

    2. Évitez les sur-contraintes

    3. Essayez de commencer par ID

    4. Laissez le sélecteur avoir plus de fonctionnalités sur le côté droit

    5. Évitez d'utiliser des sélecteurs globaux

    6. Résultats du sélecteur de cache

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
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