sélecteur de base jQuery (1)

Sélecteur de base

Lors de l'utilisation du sélecteur, nous devons d'abord utiliser "$()" à l'intérieur Pour envelopper notre css, puis renvoie l'objet jquery

Regardons les sélecteurs simples suivants, comme le montre la figure ci-dessous :

Commençons d'abord regardez le sélecteur d'ID suivant

Utilisez le sélecteur d'identifiant pour changer la couleur du texte dans la balise div

       
  
php 中文网
  

En css, on l'écrit comme ça

#dv{

color: red; //Ajouter un style

}

En jquery, on appelle ajouter un comportement, ce comportement Cela s'appelle ajouter un style

Il s'agit du sélecteur d'identifiant, qui est également le sélecteur le plus simple et le sélecteur le plus couramment utilisé

Regardons le sélecteur de nom de balise d'élément

Regardez le code suivant :

       
  
php 中文网
 
php 中文网
 
php 中文网
  

Regardez le code ci-dessus, nous avons plusieurs balises div et il n'y a pas d'identifiant, nous devons donc utiliser le sélecteur de balise d'élément $("element name"). Comportement

Sélecteur de classe

Regardons d'abord un morceau de code :

       
  
php 中文网
 
php 中文网
 
php 中文网
  

À l'aide du sélecteur de classe, lorsque nous écrivons le style CSS, le nom de la classe, puis ajoutons le style , bien sûr, nous devons écrire comme ceci dans jquery : $(".dv1") Comportement

Remarque : l'identifiant n'apparaîtra qu'une seule fois sur la page. Si l'identifiant apparaît plusieurs fois, nous pouvons l'utiliser. css, mais ce qui suit ne prendra pas effet lors de l'utilisation de jquery. Si plusieurs identifiants apparaissent sur une page, il s'agit alors d'un manque de rigueur dans le programme du développeur

Les développeurs doivent donc avoir de bonnes habitudes de codage sur une seule page. L'identifiant peut apparaître une fois (même identifiant)

Afin de prouver que l'ID renvoie un seul élément, tandis que le nom de la balise d'élément et la classe (classe) en renvoient plusieurs, nous peut utiliser jquery core pour apporter automatiquement une méthode length ou size() d'attribut pour vérifier le nombre d'éléments renvoyés

Utilisons un exemple pour expliquer :

Par identifiant

       
  
php 中文网
 
php 中文网
 
php 中文网
  

Nous avons 3 , mais le résultat renvoyé est 1

Lorsque nous utilisons la classe class

       
  
php 中文网
 
php 中文网
 
php 中文网
  

le résultat renvoyé est 3

Utilisez le nom de la balise :

       
  
php 中文网
 
php 中文网
 
php 中文网
  

Le résultat est revenu Il est 3