Maison > interface Web > Questions et réponses frontales > Comment utiliser le sélecteur de classe jquery

Comment utiliser le sélecteur de classe jquery

WBOY
Libérer: 2022-09-05 17:13:12
original
2112 Les gens l'ont consulté

Dans jquery, le sélecteur de classe est utilisé pour sélectionner tous les éléments avec une classe spécifiée ; l'attribut class est utilisé pour définir des styles spécifiques pour plusieurs éléments HTML. Afin d'éviter des problèmes dans certains navigateurs, il est préférable de ne pas utiliser de classes de démarrage. avec des nombres, la syntaxe est "$(".class")".

Comment utiliser le sélecteur de classe jquery

L'environnement d'exploitation de cet article : système Windows 10, jquery version 3.6.0, ordinateur Dell G3.

Comment utiliser le sélecteur de classe jquery

.le sélecteur de classe sélectionne tous les éléments avec la classe spécifiée.

class fait référence à l'attribut class d'un élément HTML. L'attribut

class est utilisé pour définir des styles spécifiques pour plusieurs éléments HTML.

Remarque : N'utilisez pas d'attributs de classe commençant par un chiffre ! Cela peut poser des problèmes dans certains navigateurs.

La syntaxe est :

$(".class")
Copier après la connexion

L'exemple est le suivant :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $(".intro").css("background-color","yellow");
});
</script>
</head>
<body>
<h1>欢迎访问我的主页</h1>
<p>没有指定class</p>
<p class="intro">指定class,设置背景颜色</p>
</body>
</html>
Copier après la connexion

Résultat de sortie :

Comment utiliser le sélecteur de classe jquery

Recommandations de didacticiel associées : Tutoriel vidéo jQuery

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!

É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