Maison >interface Web >js tutoriel >Sélecteur jQuery : explication détaillée de l'utilisation de l'en-tête

Sélecteur jQuery : explication détaillée de l'utilisation de l'en-tête

黄舟
黄舟original
2017-06-23 10:47:291768parcourir

Aperçu

Faire correspondre les éléments de titre tels que h1, h2, h3

Exemple

Description :

Ajouter à tous les titres de la page Couleur d'arrière-plan

Code HTML :

<h1>Header 1</h1> <p>Contents 1</p> <h2>Header 2</h2> <p>Contents 2</p>

jQueryCode :

$(":header").css("background", "#EEE");

Résultat :

[ <h1 style="background:#EEE;">Header 1</h1>, <h2 style="background:#EEE;">Header 2</h2> ]

Ce sélecteur peut correspondre aux éléments du titre, c'est-à-dire (h1-h6).

Structure grammaticale :

$(":header")

Ce sélecteur est généralement utilisé en conjonction avec d'autres sélecteurs, tels que le sélecteur de classe et le sélecteur d'élémentAttendez. Par exemple :

$(".qiantai:header").css("color","blue")

Le code ci-dessus peut définir la couleur de la police dans l'élément de titre avec le nom de classe qiantai sur bleu.

S'il n'est pas utilisé avec d'autres sélecteurs, l'état par défaut doit être utilisé avec le sélecteur *, par exemple, $(":header") est équivalent à $(" * : en-tête").

Exemple de code :

Exemple 1 :






脚本之家 
 
 
 
 

    前台专区版块

  • html专区
  • div+css专区
  • jQuery专区
  • Javascript专区

    后台专区版块

  • ASP专区
  • php专区

Le code ci-dessus peut avoir l'attribut class valeur comme qiantai La couleur du texte dans l'élément titre est définie sur bleu.

Exemple 2 :






脚本之家 
 
 
 
 

    前台专区版块

  • html专区
  • div+css专区
  • jQuery专区
  • Javascript专区

    后台专区版块

  • ASP专区
  • php专区


Étant donné que le code ci-dessus ne spécifie pas de sélecteur à utiliser avec le sélecteur :header, sa valeur par défaut est * Utilisé en conjonction avec le sélecteur, le code ci-dessus peut définir la couleur du texte de l'élément de titre dans tous les éléments du document actuel sur bleu.

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