Maison > interface Web > js tutoriel > Analyse de l'utilisation du sélecteur CSS dans Jquery_jquery

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

WBOY
Libérer: 2016-05-16 16:14:54
original
2042 Les gens l'ont consulté

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 :
 
 
 
 
css选择器 
 
 
 
≪/tête> 
 
 

这是标题中的文本

 
 

 
 
div元素:id属性为div1.
 
 
div元素:id属性为div2.
 
 
div元素:id属性为div3.
 
 

效果图如下所示:

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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal