Définit le contenu mis à part le contenu de la page
Le sélecteur (.) sélectionne les éléments avec une classe spécifique
Le sélecteur (.) sélectionne les éléments avec une classe spécifique.
La classe se réfère à l'attribut de classe d'un élément HTML.
À la différence de l'attribut id, l'attribut de classe est plus souvent utilisé sur plusieurs éléments.
Cela permet de définir un style particulier pour tous les éléments HTML avec la même classe.
Syntaxe
$(".class")
Code
<!DOCTYPE html>
<html lang="en">
<head>
<title>jQuery demo </title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
$(".intro").css({border: '1px solid #ff0000',width:'200px', marginLeft: '100px'});
});
</script>
</head>
<body>
<h1>Ceci est un titre qui est dans un élément h</h1><br>
<p class="intro">Ceci est un paragrphe qui est dans un élément p
avec la classe "intro"</p><br>
<p>Ceci est un paragrphe qui est dans un élément p sans classe</p><br>
<p>Ceci est un autre paragrphe qui est dans un élément p sans
classe</p><br>
</body>
</html>
| Paramètre | Description |
|---|---|
| class |
Obligatoire. Spécifie la classe des éléments à sélectionner. Le sélecteur de classe utilise l'attribut class de l'élément HTML |
Note : N'utilser pas de nombre comme nom de classe, Elle peut causer des problèmes dans certains navigateurs.