Analyse de l'utilisation du sélecteur CSS dans Jquery_jquery

Les exemples de cet article décrivent l'utilisation des sélecteurs CSS dans Jquery. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

jQuery utilise un ensemble de sélecteurs CSS, il en existe 5 types au total, à savoir le sélecteur de balise, le sélecteur d'ID, le sélecteur de classe, le sélecteur universel et le sélecteur de groupe, qui sont décrits comme suit :

1. Sélecteur de balises

est utilisé pour sélectionner des éléments de balise existants dans la page HTML, également appelé sélecteur d'élément, format : $("element"), tel que $("div"), identique à getElementByTagName

2. Sélecteur d'identifiant

est utilisé pour obtenir un élément avec un attribut id. Le format est le suivant : $("id"), le même que getElementById

Copier le code Le code est le suivant :

$("#utilisateurs").val();

3. Sélecteur de classe

permet d'obtenir un élément avec un attribut de classe, format : $("class")

Copier le code Le code est le suivant :

Ajoutez un style de bordure à cette zone de texte. Tout d'abord, utilisez l'attribut class pour lier la zone de texte

Copier le code Le code est le suivant :

$(".t").css("border", " 2px bleu uni ");

4. Sélecteur universel

Le sélecteur universel (*) correspond à tous les éléments et est principalement utilisé pour effectuer une recherche contextuelle, c'est-à-dire pour trouver toutes les balises de la page HTML, $("*")

5. Sélecteur de groupe

est également appelé sélecteur multi-éléments, qui est utilisé pour sélectionner les résultats de toutes les combinaisons de sélecteurs spécifiées. La syntaxe est la suivante :
.

Copier le code Le code est le suivant :

$("selector1, seletor2, selector3")

Par exemple :

Copier le code Le code est le suivant :

$("div, span, p. styleClass"). css("border", "1px solid red");

Exemple complet :

Copier le code Le code est le suivant :

 
 
 
 
 
 
 
 
≪/tête> 
 
 

这是标题中的文本

 
 

 
 

div元素：id属性为div1.

 
 

div元素：id属性为div2.

 
 

div元素：id属性为div3.

 
 

效果图如下所示：

希望本文所述对大家的jQuery程序设计有所帮助。