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

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!